自定义谷歌地图图标

时间:2012-09-30 16:47:10

标签: javascript google-maps google-maps-api-3

有没有办法为标记创建自定义动态图标?

我想要创建的是一个点列表,并在标记中加上一个数字“n”,指定它是第n个元素。

1 个答案:

答案 0 :(得分:1)

是。您可以将custom iconsNumeric Markers或内置numbering system on Google has for markers一起使用。

假设最后一个选项(不使用自定义标记),您的标记定义代码如下所示:

var NUMBER_SHOWN='34';
var ICON_COLOR = 'ff6600';
var ICON_TEXT_COLOR = '000000';
var marker = new google.maps.Marker({  
       position: [LatLong Obj],   
       map: [Map Obj],  
       icon: 'http://chart.apis.google.com/chart?chst=d_map_pin_letter&chld='+NUMBER_SHOWN+'|'+ICON_COLOR+'|'+ICON_TEXT_COLOR  
        });

我相信这只适用于两位数,但我不确定。

修改 Geocodezip已正确指出第二种方法现已被弃用,因此看起来您使用第一种方法(使用谷歌的自定义编号图标)陷入困境。在这里查看Daniel Vassallo's answer如何使用它。如果所有标记都不符合您的需求(颜色,外观等),您可以为每个数字创建自己的自定义标记(如果您知道如何,则可以编写可以通过GET的服务器端脚本vars并让它使用GD等为您构建图标,但您也可以手动构建所有图标)