javascript - ionic，如何在谷歌地图上显示正确的信息窗口？

Question

我在谷歌地图中使用他们的 javascript API 有几个标记，我想在点击的标记顶部显示一个信息窗口，但是当您点击其中一个标记时，会打开最后创建的标记中的信息窗口在相应的标记中，示例代码:

    for(var i = 0; i < points; i++) {
      var randomLatLong = new google.maps.LatLng(position.coords.latitude + getRandomArbitrary(-radius, radius), position.coords.longitude + getRandomArbitrary(-radius, radius));

      var marker = new google.maps.Marker({
          map: $scope.map,
          animation: google.maps.Animation.DROP,
          position: randomLatLong,
      });

      var infoWindow = new google.maps.InfoWindow({
          content: "Here is something to see!"
      });

      marker.addListener('click', function () {
          infoWindow.open($scope.map, marker);
      });
    }

这是一个代码笔:

http://codepen.io/ospfranco/pen/yOPpey

只需点击其中一个标记，信息就会在其他标记上打开

有人知道如何解决这个问题吗？

Answer 1

只需在监听器中将“marker”更改为“this”即可。

 marker.addListener('click', function () {
          infoWindow.open($scope.map, this);
      });