如何在gmap v3中使用自定義顏色圖標

-1

我正在將gmap v2升級到v3。我的代碼以前使用GIcon創建圖標數組並基於熱圖值。我無法更新代碼，也不知道如何在此更改代碼。我這段代碼是：如何在gmap v3中使用自定義顏色圖標

var icons = [] 
for (var i=1; i<6; i++) { 
    var icon = new GIcon(); 
    icon.image = "/images/gmap/clusters/" + i + "s.png"; 
    icon.smallImage = "/images/gmap/clusters/" + i + "s.png"; 
    icon.shadow = "/images/gmap/small_shadow.png"; 
    icon.iconSize = new google.maps.iconSize(16,27); //small 
    icon.shadowSize = new google.maps.shadowSize(37, 35); 
    icon.iconAnchor = new google.maps.iconAnchor(13, 20); 
    icon.infoWindowAnchor = new google.maps.infoWindowAnchor(12, 0); 
    icons.push(icon); 
}

這被通過的聲明呼籲

var m = addMarker(new google.maps.LatLng(geo[1], geo[0]), icons[heat - 1]);

請建議如何擺脫這種GICON（的），並使用它，這樣我就可以有基於不同的圖標條件值。

來源

2013-10-29 Amit Gope

v3 API支持[自定義標記圖標]（https://developers.google.com/maps/documentation/javascript/markers#complex_icons），它們被定義（略）與他們在v2 API中的方式不同，但翻譯很簡單。你有什麼問題？你的v3代碼是什麼樣的？ [google.maps.Icon]（https://developers.google.com/maps/documentation/javascript/reference#Icon） – geocodezip

好吧，我使用js來調用另一個具有gmap功能的js。 V3代碼太大，無法在這裏附上，你能否提供你的電子郵件地址，以便我可以寄給你。 –

這是如何你可以創建自己的顏色標記：URL

var pinAlreadySeen = new google.maps.MarkerImage("http://chart.apis.google.com/chart?chst=d_map_pin_letter&chld=%E2%80%A2|8E7569", 
    new google.maps.Size(21, 34), 
    new google.maps.Point(0, 0), 
    new google.maps.Point(10, 34));

看chst放慢參數

chst=d_map_pin_letter&chld=%E2%80%A2|8E7569"

的|後，你可以寫自己的RGB代碼，對應於所需的顏色。只需將我的8E7569替換爲您想要的十六進制代碼

來源

2013-10-29 12:49:00 AlexB

如何在gmap v3中使用自定義顏色圖標

回答

相關問題