古巴平台未显示地图 UI 组件

Question

我使用 CUBA Platform 版本 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>

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

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);

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

Answer 1

首先，给出的 link 指向 5.6 版本的手册，如果您使用版本 6，请使用适当的文档，您可以找到 here

关于您遇到的问题：不是地图组件的问题，而是布局的问题。未指定Vbox高度，因此在Vbox中添加height="100%"应该可以解决问题：

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

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

Analyze Layout in runtime

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

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

清楚地说明了问题出在哪里。

古巴平台未显示地图 UI 组件

Map UI component is not displayed in Cuba Platform

java

cuba-platform

jakarta-ee