如何更改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的颜色？

回答

相关问题