在Google地圖標記上顯示自定義數據（類似於Instagram照片地圖）

我是Google Maps API的新手，並且一直在尋找定製標記的方法。提供的API只允許我更改圖標，但實際需要的是將HTML內容傳遞到標記。我想傳遞一些數據，例如號碼添加到標記，並且當用戶單擊標記時，更多細節將顯示在infoWindow內部。（類似於this website）在Google地圖標記上顯示自定義數據（類似於Instagram照片地圖）

起初，我認爲這將是類似Instagram照片地圖，你有一個區域內的照片摘要。但後來我意識到這更像是一個markerClusterer，它只是計算範圍內的標記總數（如果我錯了，請糾正我）。

我還是找不到在標記上顯示自定義數據的任何方法。如果沒有可用的默認API，有沒有我可以使用的插件？

P.S.第一次發佈一個問題，希望很清楚！非常感謝你的幫助！

來源

2013-02-06 xialin

基本上你在鏈接地圖上看到的不是真實的google.maps.Markers，你看到Custom Overlays。使用自定義覆蓋圖，您可以在地圖上繪製任何HTML內容，例如這些標籤。

您既可以使用內置的方法來繪製這些疊加，或使用圖書館像infobox

來源

2013-02-06 13:31:19

可以使用styledmarker庫自定義標記。該庫用於創建可用不同方式設置樣式的標記，例如更改顏色或形狀，或添加文本標籤。以下是如何在XML中使用此庫的示例。

for (var i = 0; i < markers.length; i++) { 
     var text = markers[i].getAttribute("text"); 
     var point = new google.maps.LatLng(
      parseFloat(markers[i].getAttribute("lat")), 
      parseFloat(markers[i].getAttribute("lng"))); 
    var styleMaker = new StyledMarker({styleIcon:new StyledIcon(StyledIconTypes.MARKER,{color:"00ff00",text:text}),position:myLatLng,map:map});

}

我有一個DEMO使用此與使用XML 2代表狀態重心和城市在美國的數據庫。標記顯示州內的城市的狀態和數量。

來源

2013-02-06 18:16:50

在Google地圖標記上顯示自定義數據（類似於Instagram照片地圖）

回答

相關問題