如何在同一位置显示两个或多个标记？

我对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

如何在同一位置显示两个或多个标记？

回答

相关问题