Googlemaps にGeoMap Spot と Legendを追加したい
My.view.xml:
<l:FixFlex>
<l:flexContent>
<vk:MapContainer autoAdjustHeight="true">
<vk:content>
<vk:ContainerContent titile="test">
<vk:content>
<vbm:AnalyticMap id="map"></vbm:AnalyticMap>
</vk:content>
</vk:ContainerContent>
</vk:content>
</vk:MapContainer>
</l:flexContent>
</l:FixFlex>
My.controller.js
var mapDom = this.getView().byId("map").getDomRef();
onAferRendering: function() {
jQuery.sap.includeScript(
"https://maps.googleapis.com/maps/api/js?key=XXX",
null,
function() {
...
mainmap =new google.maps.Map(mapDom, mapProp);
}
}
これは機能しており、Googlemap が正常に追加されました。
しかし、AnalyticMap に Spot を追加すると、googlemaps が表示されなくなりました。AnalyticMap と Spots のみが表示されます。
<l:FixFlex>
<l:flexContent>
<vk:MapContainer autoAdjustHeight="true">
<vk:content>
<vk:ContainerContent titile="test">
<vk:content>
<vbm:AnalyticMap id="map">
<vbm:vos>
<vbm:Spots items="{/Spots}" click="onClickItem" contextMenu="onContextMenuItem">
<vbm:Spot position="{pos}" tooltip="{tooltip}" type="{type}" text="{text}" click="onClickSpot" contextMenu="onContextMenuSpot" />
</vbm:Spots>
</vbm:vos>
</vbm:AnalyticMap>
</vk:content>
</vk:ContainerContent>
</vk:content>
</vk:MapContainer>
</l:flexContent>
</l:FixFlex>
Exploredでデモを使用しています
これら2つを組み合わせる方法は?Google マップのマーカーと GeoMap のスポットの両方を使用できますか?
マーカーのみを使用することを考えていましたが、マーカーにデータを書き込むことはできません (唯一の方法はマーカーのラベルを書き込むことです)。また、GeoMap の凡例も必要です。