GoogleMap: несколько маркеров, отображающих одно и то же информационное окно и не активируемых на мобильных устройствах

Question

Проблема с "InfoWindows с несколькими маркерами" в Google Map API.
Есть 2 проблемы:

• Маркеры показывают ЖЕ InfoWindow
• Опять же, маркеры НЕ НАЖИМАЮТСЯ на мобильных устройствах .

Вот мой код:

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