Question

我有一个Vaadin应用程序，我希望整合Google热图。我正在使用 com.vaadin.tapio.googlemaps 依赖项来显示地图，它运行正常。但是，我不确定如何在Google地图上添加热图图层，我无法找到任何相关资源。

我的试用代码的相关部分如下所示：

    VerticalLayout rootLayout = new VerticalLayout();
    rootLayout.setSizeFull();

    // Google Map
    GoogleMap googleMap = new GoogleMap("api_key", null, null);
    googleMap.setZoom(10);
    googleMap.setSizeFull();
    googleMap.setMinZoom(4);
    googleMap.setMaxZoom(16);

    Panel mapsPanel = new Panel();
    mapsPanel.setSizeFull();
    mapsPanel.setContent(googleMap);
    rootLayout.addComponent(mapsPanel);

    double centerLon = 8.5417;
    double centerLat = 47.3769;
    googleMap.setCenter(new LatLon(centerLat, centerLon));
    GoogleMapMarker centerMarker = new GoogleMapMarker("Zurich", new LatLon(centerLat, centerLon),true, null);
    googleMap.addMarker(centerMarker);


    HeatMapLayer heatMapLayer = HeatMapLayer.newInstance(HeatMapLayerOptions.newInstance());
    // Add data to heatmap
    ...
    // How can I add this HeatMapLayer to the existing map?
    // Or do I need a different approach?

    UI.getCurrent().setContent(rootLayout);

Answer 1

HeatMapLayer是一个GWT（客户端）对象，不能直接与服务器端组件GoogleMap一起使用。您可以查看 com.vaadin.tapio.googlemaps 的this fork，它会在HeatMapLayer课程中添加对GoogleMapHeatMapLayer的支持。

Vaadin如何添加Google热图

1 个答案: