Vaadin Googleヒートマップの追加方法

Question

Googleヒートマップを統合したいVaadinアプリケーションがあります。私はマップを表示するために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は、あなたが直接、サーバー側コンポーネントであるGoogleMapとそれを使用することはできませんGWT（クライアント側）オブジェクトです。 this forkをcom.vaadin.tapio.googlemapsにチェックすると、HeatMapLayerにGoogleMapHeatMapLayerクラスのサポートが追加されます。