Google地图中自定义标记的编号

Question

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

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

目前正在使用此代码，

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

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

我的自定义标记就像，

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

预期结果，

Answer 1

正如我的评论所述，我们提供了一些解决方案，并在此处进行了描述：How can I create numbered map markers in Google Maps V3?

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

上面的示例显示了如何更改图片的背景，但您也可以使用imagettftext添加一些文字。

希望这有帮助！