Javascript 谷歌地图中自定义标记的编号

我使用谷歌地图显示位置

我的要求是，每个地点都要贴上数字标签

目前正在使用此代码

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

for（变量i=0；i

这里关于i，新图像是从img文件夹中获取的，如，

i=0

图像将是

img/icon-pin1.png

i=1

图像将是

img/icon-pin2.png

我知道在地图上放置编号标记是不合适的

我的自定义标记是

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

预期结果

---

如我在评论中所述，这里介绍了几种可用的解决方案：

另一种方法是使用PHP操作标记图像（如果这是一个选项），如本答案所述：

上面的示例显示了如何更改图像的背景，但也可以使用添加一些文本

希望这有帮助