【问题标题】:custom google maps icons自定义谷歌地图图标
【发布时间】:2012-09-21 16:46:33
【问题描述】:

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

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

【问题讨论】:

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


【解决方案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 正确地指出,第二种方法现在已被弃用,因此您似乎无法使用第一种方法(使用 google 的自定义编号图标)。在此处查看Daniel Vassallo's answer,了解如何使用它。如果没有一个标记符合您的需求(颜色、外观等),您可以为每个数字创建自己的自定义标记(如果您知道如何,您可以编写一个服务器端脚本,您可以将 GET vars 传递给并让它使用GD等为您构建图标,但您也可以手动构建所有图标)

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2013-08-21
    • 2015-06-06
    • 2018-01-13
    • 2014-07-18
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多