將數字添加到Google Maps JS API中的標記

我目前的標記顯示如下，但沒有數字表示該確切位置中存在多個項目。將數字添加到Google Maps JS API中的標記

我想標記顯示如下圖所示：

enter image description here

我能夠在後端組基於確切位置的項目，這是好的，但我似乎無法找到一種方法來添加特殊號碼/計數以顯示有多少物品，而不用創建帶有其中繪製的數字的特殊圖像。想法如何做到這一點？

另一個方向，如果我不能幹淨利落地使用PIL將數字添加到圖像。我仍然認爲這並不理想。

2014-10-09 Encompass

因此，你想要做的是在自定義標記中注入HTML而不是圖像。這本質上就是你在做什麼，但谷歌允許你到OverlayViews，即使是HTML類型。 See fiddle

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

=== [UPDATE] ===

所以，I tried checking if I could add multiple overlays on the map。我可以但他們不知何故結束了在同一個位置，我嘗試了多次迭代，但沒有很成功地將它們分離出來。

因此，由於您基本上是在尋找標記上的編號，我四處尋找解決此問題的其他方法。我在谷歌地圖上找到這個圖書館，markers with labels。

你可以找到我如何customized the markers here小提琴。

來源

2014-10-09 11:05:03 Shouvik

雖然這個工作，我似乎無法添加多個對象。例如，如果向小提琴中添加多個對象，則只需根據第一個圖像位置獲取一堆圖像。 – Encompass 2014-10-19 17:36:04

你可以分享小提琴代碼，讓我看看你的代碼試圖做什麼。 – Shouvik 2014-10-20 07:45:27

當然：http://jsfiddle.net/BCr2B/113/它可能是我只是不明白你的對象如何工作。 – Encompass 2014-10-20 11:56:47

將數字添加到Google Maps JS API中的標記

回答

相關問題