【发布时间】:2012-09-21 16:46:33
【问题描述】:
有没有办法为标记创建自定义动态图标?
我要创建的是一个点列表,并在标记中放置一个数字“n”,指定它是第 n 个元素。
【问题讨论】:
-
检查我的答案 -> stackoverflow.com/questions/2436484/…
标签: javascript google-maps google-maps-api-3
有没有办法为标记创建自定义动态图标?
我要创建的是一个点列表,并在标记中放置一个数字“n”,指定它是第 n 个元素。
【问题讨论】:
标签: javascript google-maps google-maps-api-3
是的。您可以将custom icons 与Numeric 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 正确地指出,第二种方法现在已被弃用,因此您似乎无法使用第一种方法(使用 google 的自定义编号图标)。在此处查看Daniel Vassallo's answer,了解如何使用它。如果没有一个标记符合您的需求(颜色、外观等),您可以为每个数字创建自己的自定义标记(如果您知道如何,您可以编写一个服务器端脚本,您可以将 GET vars 传递给并让它使用GD等为您构建图标,但您也可以手动构建所有图标)
【讨论】: