谷歌地图中自定义标记的编号[重复]答案

【问题标题】：Numbering on Custom markers in Google Map [duplicate]谷歌地图中自定义标记的编号[重复]
【发布时间】：2014-02-23 19:35:13
【问题描述】：

我正在使用谷歌地图来显示位置。

我的要求是每个位置都标有数字。

目前正在使用此代码，

for (var i = 0; i < data.length; i++){
        var image = new google.maps.MarkerImage(
        '{{STATIC_URL}}img/icon-pin'+(i+1)+'.png',
        new google.maps.Size(68, 49),
        new google.maps.Point(0,0),
        new google.maps.Point(19, 49));

        var marker = new google.maps.Marker({
        position: new google.maps.LatLng(data[i].lat, data[i].lon), 
        map: map,
        icon:image,
        });
    }

这里关于 i ，从 img 文件夹中获取新图像，例如，
i=0 图像将是 img/icon-pin1.png
i=1 图像将是 img/icon-pin2.png

我知道在地图中放置编号标记的方法不正确。

我的自定义标记是这样的，

如何在插入标记时向此图像添加数字。

预期结果，

【问题讨论】：

标签： javascript css google-maps google-maps-api-3 google-maps-markers

【解决方案1】：

正如我在评论中所述，一些解决方案可用并在此处描述：How can I create numbered map markers in Google Maps V3?

另一种方法是使用 PHP 操作标记图像（如果这是一个选项），如此答案中所述：https://stackoverflow.com/a/20778505/1238965

上面的例子展示了如何改变图片的背景，但是你也可以使用imagettftext添加一些文字。

希望这会有所帮助！

【讨论】：