在Google Maps JS API中為標記添加數字

Question

目前，我的標記顯示如下，但沒有數字表示該確切位置中有多個項目。

我希望標記顯示如下：

我能夠根據確切的位置在后端分組項目，這很好，但是我似乎找不到一種方法來添加特殊編號/計數以顯示其中有多少項目，而不用創建帶有編號的特殊圖像畫在他們身上。 關於如何做到這一點的想法？

如果我不能干凈地做的另一個方向是使用PIL將數字添加到圖像中。 我仍然認為那不是理想的。

Answer 1

因此，您要做的是在自定義標記中注入HTML而不是圖像。 從本質OverlayViews ，這是您在做什么，但是google允許您OverlayViews ，甚至是HTML類型的。 見小提琴

HTMLMarker.prototype.onAdd= function(){
    div = document.createElement('DIV');
    div.className = "htmlMarker";
    div.innerHTML = '<img src="http://www.w3schools.com/html/pic_mountain.jpg" alt="Mountain View" style="width:30px;height:22px">'+ 'your number count'; //This HTML here is driven by your login to have numbers.
    var panes = this.getPanes();
    panes.overlayImage.appendChild(div);
}

=== [ 更新 ] ===

因此， 我嘗試檢查是否可以在地圖上添加多個疊加層 。 我可以，但是它們以某種方式最終出現在同一位置，並且我嘗試了多次迭代，但是在將它們分離出來方面並不是很成功。

因此，由於您本質上是在尋找標記的編號方式，因此我四處尋找解決該問題的其他方法。 我在Google地圖上找到了這個帶有標簽的標記庫。

您可以在這里找到有關如何自定義標記的小提琴。