如何使用Google Maps API在一个位置显示多个标记?

问题描述:

我正在帮助一位同事建立一个项目,允许人们说出他们要去的地方(或已经去过的地方),而且我们遇到了一个问题,如果两个人去了同一个地方,只会显示一个标记。如何使用Google Maps API在一个位置显示多个标记?

然后,我们看着在Facebook上,我们注意到,而不是在一个位置显示多个标记他们,而不是显示一个带有很多圆圈代表多少标记在那里,像下面的图片:

enter image description here

我们如何将这个复制到我们自己的项目中?我们正在使用Google Maps API。

干杯!

+1

查看https://gmaps-utility-library.googlecode.com/svn/trunk/markerclusterer/1.0/docs/reference.html – 2012-08-10 08:07:28

你可以使用任何你想要的形象,为您的标记,看到https://developers.google.com/maps/documentation/javascript/reference#Marker

您可以(也许与一些缓存)所使用的网址一样http://doamin.tld/marker.php?number=42您的标记,在脚本生成的标记图像,或生成所有可能的事先标记。

另一种解决方案是使用svg使用markerShapes定义标记图像,请参阅https://developers.google.com/maps/documentation/javascript/reference#MarkerShape和标记的setShape方法。