javascript - 如何在谷歌地图上显示具有相同纬度和经度的多个标记

Question

如果两个位置具有相同的纬度和经度，如何在不使用集群的情况下将两个位置信息加载到同一信息窗口中

这是我一直在使用的代码片段

 var l, m = new google.maps.InfoWindow;

          console.log(m);


          for (google.maps.event.addListener(k, "click", function() {
                  m.close()
              }), i = 0; i < f.length; i++) {
              var n = f[i],
                  o = g[i][0],
                  p = parseFloat(n[1]),
                  q = parseFloat(n[2]),
                  r = new google.maps.LatLng(p, q);


              l = new google.maps.Marker({
                  position: r,
                  map: k,
                  content: o
              }), l.addListener("click", function() { 

                  m.setContent(this.content), m.open(k, this)


              })
          }

完整代码如下 https://codepen.io/T-SEA/pen/wQEqaa

Answer 1

我推荐标记聚类。 https://developers.google.com/maps/documentation/javascript/marker-clustering

使用标记聚类并设置点击事件(打开InfoWindow)来聚类标记。看一下这个!