我正在帮助一位同事构建一个项目,该项目允许人们说出他们要去(或去过)的地方,我们遇到了一个问题,如果两个人去同一个地方,只显示一个标记。
然后我们在 Facebook 上查看,我们注意到不是在一个位置显示多个标记,而是显示一个带有数字的圆圈,该数字表示那里有多少个标记,如下图所示:
我们如何为我们自己的项目复制它?我们正在使用 Google Maps API。
干杯!
我正在帮助一位同事构建一个项目,该项目允许人们说出他们要去(或去过)的地方,我们遇到了一个问题,如果两个人去同一个地方,只显示一个标记。
然后我们在 Facebook 上查看,我们注意到不是在一个位置显示多个标记,而是显示一个带有数字的圆圈,该数字表示那里有多少个标记,如下图所示:
我们如何为我们自己的项目复制它?我们正在使用 Google Maps API。
干杯!
您可以使用您想要的任何图像作为标记,请参阅https://developers.google.com/maps/documentation/javascript/reference#Marker
您可以使用诸如http://doamin.tld/marker.php?number=42 之类的 URL作为标记,脚本在其中生成标记图像(可能有一些缓存),或者预先生成所有可能的标记。
另一种解决方案是使用 svg 使用 markerShapes 定义标记图像,请参阅https://developers.google.com/maps/documentation/javascript/reference#MarkerShape和标记的 setShape 方法。