如何更改Google地圖中GMarker的顏色？

非常簡單的請求，但似乎沒有辦法做到這一點。我只想讓我的GMarkers變成綠色而不是紅色。如何更改Google地圖中GMarker的顏色？

我真的必須製作自己的圖標嗎？

2010-01-26 Simon

我發現最好的辦法是用下面的腳本...

，那麼你需要下面的代碼片段：

var iconOptions = {}; 
iconOptions.width = 32; 
iconOptions.height = 32; 
iconOptions.primaryColor = "#66CC6600"; 
iconOptions.cornerColor = "#66CC6600"; 
iconOptions.strokeColor = "#000000FF"; 
var iconSeller = MapIconMaker.createMarkerIcon(iconOptions); 

function createMarker(icon, point,html,label) 
{ 
    opts = 
    { 
     "icon": icon, 
     "labelText": label,  
     "labelClass": "markerLabel", 
     "labelOffset": new GSize(-4, -31) 
    }; 
    var marker = new LabeledMarker(point, opts); 
    GEvent.addListener(marker, "click", 
     function() 
     { 
      marker.openInfoWindowHtml(html); 
     }); 
    return marker; 
}

確保你樣式表中有一個名爲markerLabel的類，因此您可以設置包含標籤的div的樣式。我從優秀的econym教程網站收集了大部分代碼，其中有許多清晰的示例和代碼示例。

來源

2010-01-26 09:29:18 Simon

看到這個：Map Overlays > Markers > Icons

圖標

標記可以定義圖標取代默認的圖標的顯示。定義圖標很複雜，因爲地圖API中包含構成單個圖標的不同圖像的數量爲。至少在處，圖標必須定義前景圖像，尺寸類型爲 GSize，圖標偏移爲定位圖標。

最簡單的圖標是基於 G_DEFAULT_ICON類型。根據此類型創建一個圖標，您可以通過快速更改默認圖標只修改幾個屬性。

看起來這是最簡單的情況。您使用G_DEFAULT_ICON作爲基礎GIcon，然後通過更改該新對象的.image屬性來擴展它。 simple example非常簡單。

來源

2010-01-26 04:10:46 artlung

這是最簡單的方法：

var greenIcon = new GIcon(G_DEFAULT_ICON); 
greenIcon.image = "http://www.google.com/intl/en_us/mapfiles/ms/micons/green-dot.png"; 
var markerOptions = { icon:greenIcon }; 

var marker = new GMarker(point, markerOptions);

該標記的圖像是谷歌的，但你也可以用你自己的。

MapIconMaker非常棒，如果您需要在飛行中生成獨特的標記。

來源

2010-01-26 16:42:32

我需要在地圖中添加gmarker並從web服務獲取數據的項目

來源

2013-04-06 16:52:38

如何更改Google地圖中GMarker的顏色？

回答

相關問題