有没有办法为标记创建自定义动态图标?
我要创建的是一个点列表,并在标记中放置一个数字“n”,指定它是第 n 个元素。
有没有办法为标记创建自定义动态图标?
我要创建的是一个点列表,并在标记中放置一个数字“n”,指定它是第 n 个元素。
是的。您可以使用带有数字标记的自定义图标,也可以使用 Google 上的内置编号系统用于标记。
假设最后一个选项(不使用自定义标记),您的标记定义代码将如下所示:
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关于如何使用它的答案。如果没有一个标记符合您的需求(颜色、外观等),您可以为每个数字创建自己的自定义标记(如果您知道如何,您可以编写一个服务器端脚本,您可以将GET
变量传递给并拥有它使用 GD 等为您构建图标,但您也可以手动构建所有图标)