如何在同一位置顯示兩個或多個標記？

我對GOOGLE MAP API有疑問。如果您擁有兩個以上共享相同地址的數據，那麼您如何在相同地址上顯示引腳刪除？如何在同一位置顯示兩個或多個標記？

例

你有數據，如下列：

Name=>Ray | Address=>Melon Park, California, USA ; 
Name=>John | Address=>Melon Park, California, USA ; 
Name=>Steve | Address=>Melon Park, California, USA

要顯示3個引腳用於降谷歌地圖上的類似的地址。

來源

2012-01-15 Ray

我正在尋找相同的位置，如何在同一位置顯示兩個或多個標記.. – 2012-01-15 11:52:18

http://stackoverflow.com/questions/3548920/google-maps-api-v3-multiple-markers-on-確切-同點 – 2012-01-15 11:58:35

上面鏈接的帖子有一些很好的建議。您的選項是真的：

偏移標記咯，這樣反而顯示他們都在同他們都是在非常接近對方。只需向每個增加或減去小的增量。
爲每個位置使用不同的圖標。如果您知道在同一位置可以重疊的標記的最大數量（如4？），則可以製作自己的旋轉圖標，而不是在典型淚滴形狀中指向「向下」，它們可以指向左側，右側或上方。
處理infowindow/UI中的數據重疊。

來源

2012-01-15 23:42:31 bamnet

添加小的增量會像這樣（這個腳本是用PHP編寫）：

$random_num_lat = .00065 * mt_rand(1, 10); // delta to the lat value added 
$random_num_lng = .00065 * mt_rand(1, 10); // delta to the lon value added 

$lat=$row['lat']+$random_num_lat; 
$lon=$row['lon']+$random_num_lng; 

//now in loop it will be three `enter code here`marker display seperate to each other 

while ($row = mysql_fetch_array($query)) { 
    echo ("addMarker($lat, $lon,'<b>$name</b><br/>$desc1');\n"); 
}

來源

2012-06-06 19:15:39

我實現了這個使用「spiderfier」到「spiderfy」。

有一個可用的GoogleMaps v3 Spidifier here（demo）。

Leaflet.js也可以加載GoogleMaps v3，並有一個漂亮的聚類spidifier可用here（demo）。

來源

2014-04-14 17:58:52 Richard

如何在同一位置顯示兩個或多個標記？

回答

相關問題