GoogleMap：同じInfoWindowを表示し、モバイルデバイスでクリックできない複数のマーカー

Question

Google Map APIの「マルチマーカーInfoWindows」の問題。
2つの問題があります。

• マーカーは再びSAME情報ウィンドウ
• を示しているが、マーカーは、モバイルデバイス上のクリック可能なされていません。ここで

私のコードです：

var map = new google.maps.Map(document.getElementById('map'), { 
    zoom: 10, 
    center: new google.maps.LatLng(60.037760, -44.100494), 
    mapTypeId: google.maps.MapTypeId.ROADMAP 
}); 

var locations = [ 
        ['Alvin', 60.074433, -44.011917], 
        ['Sirius', 60.037760, -44.100494] 
       ]; 

for (var i = 0; i < locations.length; i++) { 
    var marker = new google.maps.Marker({ 
     position: new google.maps.LatLng(locations[i][1], locations[i][2]), 
     map: map 
    }); 

    var infowindow = new google.maps.InfoWindow({content: locations[i][0]}); 

    new google.maps.event.addListener(marker, 'click', function() { 
     infowindow.open(map,this); 
    }); 
} 

Answer 1

は、情報ウィンドウするグローバル参照を作成します。

var infowindow = new google.maps.InfoWindow(); 
for (var i = 0; i < locations.length; i++) { 
    var marker = new google.maps.Marker({ 
     position: new google.maps.LatLng(locations[i][1], locations[i][2]), 
     map: map 
    }); 

    new google.maps.event.addListener(marker, 'click', function() { 
     infowindow.setContent(locations[i][0]); 
     infowindow.open(map,this); 
    }); 
}