离子，如何在谷歌地图上显示正确的信息窗口？

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);
      });