google-maps - 複数のマーカー リスナー

Question

Google マップの JavaScript API、マーカー リスナーを使用しています。マーカーをクリックすると、情報ウィンドウがポップアップするはずです。for ループでは、複数 (この例では 3 つ) のマーカーを追加しています。コードは次のとおりです。

       for (z = 0; z < 3; z++) {
            arrMarkers.push( new google.maps.Marker({
            position: flightPlanCoordinates[arrCoords.length-1],
            map: map, title: 'Kraj', clickable: true
            }));        

            arrInfoWindow.push( new google.maps.InfoWindow({
                content: 'Hello world'
            }));

            google.maps.event.addListener(arrMarkers[z], 'click', function() {
                    arrInfoWindow[z].open(map, arrMarkers[z]);
            });
       }

情報ウィンドウがポップアップしません。

Answer 1

arrInfoWindow で情報ウィンドウをプッシュすることはできません。別の方法で行う必要があります。
これを試してください。

for (z = 0; z < 3; z++) 
{
  arrMarkers.push( new google.maps.Marker({
  position: flightPlanCoordinates[arrCoords.length-1],
  map: map, title: 'Kraj', clickable: true
  }));        

  var infoWindow = new google.maps.InfoWindow({
      content: 'Hello world'
  });
  arrInfoWindow.push( infoWindow );

  google.maps.event.addListener(arrMarkers[z], 'click', function() {
          arrInfoWindow[z].open(map, arrMarkers[z]);
  });
}