在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, 
     }); 
    } 

这里对于我，新的图像是从文件夹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

上述示例显示如何更改图像的背景，但也可以添加一些文本w ith使用imagettftext。

希望这会有所帮助！