3

我使用CUBA 平台版本 6.0.8 并尝试将地图查看器组件添加到屏幕，但未显示。屏幕描述符如下所示：

<window xmlns="http://schemas.haulmont.com/cuba/window.xsd";
        caption="msg://browseCaption"
        class="com.mycompany.gui.mapsample.MapScreen"
        focusComponent="mapBox"            
        xmlns:chart="http://schemas.haulmont.com/charts/charts.xsd">
    <layout margin="true" spacing="true">
        <vbox id="mapBox">
            <chart:mapViewer id="map" height="100%" width="100%"
                             mapType="satellite"/>
        </vbox>
    </layout>
</window>

我遵循了这一步。这些是地图属性：

cuba.charts.map.freeApiKey = ********************************
cuba.charts.map.clientId =  ********************************   
cuba.charts.map.defaultZoom = 13.0
cuba.charts.map.defaultLatitude = 51.5001
cuba.charts.map.defaultLongitude = -0.1262

这是控制器：

public class MapScreen extends AbstractLookup {

    @Inject
    private MapViewer map;

    @Override
    public void init(Map<String, Object> params) {
        GeoPoint center = map.createGeoPoint(53.490905, -2.249558);
        map.setCenter(center);

可能是什么问题，或者至少我应该从哪里开始调试它？

4

1 回答 1

4

首先，给定的链接指向手册的 5.6 版本，如果您使用版本 6，请使用正确的文档，您可以在此处找到

关于您面临的问题：这不是地图组件的问题，而是布局问题。没有指定 vbox 高度，所以在 vbox 中添加 height="100%" 应该可以解决问题：

<vbox id="mapBox"  height="100%">
    <chart:mapViewer id="map"
                     height="100%"
                     mapType="satellite"
                     width="100%"></chart:mapViewer>
</vbox>

此外，作为一个有用的提示，您始终可以在运行时分析布局并找出问题所在。要执行此检查，请右键单击选项卡并按分析布局（见下图）。

在运行时分析布局

因此，如果您在选项卡中分析布局，您将收到以下消息：

[ERROR] Container 'mapBox', nested component 'map'
Nested component has relative height 100.0% inside container with undefined height

这清楚地解释了问题出在哪里。

于 2016-03-26T14:29:14.717 回答