在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。

希望這會有所幫助！