谷歌地圖MarkerWithLabel和自定義圖標無法正常工作

我有一個基本的谷歌地圖，我試圖使用MarkerWithLabel擴展插件添加標記。我必須從json對象加載座標，並且在標籤上我必須放置標記的排序順序，這也來自json。谷歌地圖MarkerWithLabel和自定義圖標無法正常工作

問題是我加載標記的自定義圖標只適用於最後一個，我找不出原因。他們都正確定位，但其他人沒有圖標。

這裏是我用來添加標記功能：

function CreateTourMarkers(json) { 
    if (json.length > 0) { 
     json.forEach(function (item) { 
      var myCoord = new google.maps.LatLng(item.Lat, item.Lng); 
      var marker = new MarkerWithLabel({ 
       position: myCoord, 
       map: vehiclesMap, 
       icon: { 
        url: image 
       }, 
       labelContent: item.SortOrder, 
       labelAnchor: new google.maps.Point(5, 37), 
       labelClass: "map-labels", 
       marker: MarkerWithLabel, 
       labelInBackground: false 
      }); 
     }); 
    } 
}

而且，這裏是表示該問題的一個小提琴：fiddle

任何幫助將不勝感激。

感謝

來源

2014-04-01 Bobby5193

這太奇怪了！你的代碼似乎沒問題。我認爲問題出在JS文件中。是否有另一個版本？ – Andynedine

哦，看起來我在發帖之前沒有很好地完成我的搜索。但我只是堅持認爲我的代碼是錯誤的，並不是說這是來自庫的錯誤。 – Bobby5193

我更新你的小提琴使用markerwithlabel.js的V1.1.9，它顯示了對所有標記，所以我假設它必須是V1.1.8中的錯誤的自定義圖標。

來源

2014-04-01 08:34:11

是的，你說得對。這在這裏變得非常令人沮喪。謝謝您的幫助。我會接受這個作爲正確的答案，但我現在對舊版本的bug有點好奇:) – Bobby5193

@ Bobby5193這也是關於Google Maps API的新版本。似乎MarkerWithLabel v1.1.8與Google Maps API v3.15不兼容。如果您將'v = 3.14'參數添加到API調用並使用插件的v1.1.8，您可能會看到沒有問題。 – alalp

谷歌地圖MarkerWithLabel和自定義圖標無法正常工作

回答

相關問題