イオン、どのようにGoogleマップに正しい情報ウィンドウを表示するには？

Question

javascript APIを使用してGoogleマップに複数のマーカーがあり、タップされたマーカーの上に情報ウィンドウを表示したいのですが、マーカーの1つをタップすると情報ウィンドウが最後に作成されたマーカー対応するマーカー、サンプルコード：

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

ここではcodepenです：

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

ちょうどマーカーの一つをタップし、TE情報は、他のマーカーに

を開きます。 10

これを解決する方法は誰でも知っていますか？

Answer 1

リスナーで 'marker'を 'this'に変更してください。

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