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

Question

我正在帮助一位同事建立一个项目，让人们可以说他们去哪里（或已经去过），我们遇到了一个问题，如果两个人去同一个地方，只有一个标记是显示。

然后我们在Facebook上查看，我们注意到，不是在一个位置显示多个标记，而是显示一个圆圈，其中的数字代表有多少标记，如下图所示：

我们如何为自己的项目复制这个？我们正在使用Google Maps API。

干杯！

Answer 1

您可以使用标记所需的任何图像，请参阅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和marker的setShape方法。