Google Maps скрипт в определенном формате

Question

У меня есть сценарий Google Maps в следующем формате:

function initMap() 
{ 
var mapDiv = document.getElementById('map'); 
var map = new google.maps.Map(mapDiv, {center: {lat: 45.9, lng: 25.0}, zoom:7, 
    mapTypeId: google.maps.MapTypeId.ROADMAP, disableDoubleClickZoom:true, scrollwheel:false, ...}); 

var marker = new google.maps.Marker({position: {lat:46.1, lng:25.4}, map:map, icon:'../images/Marker.png}); 
} 

Я хотел бы знать, как var marker часть сценария должен выглядеть, если бы было больше, чем один указывает на будет отображаться. Примечание: Я видел примеры JavaScript на StackExchange, которые используют массивы и т. Д. - один из лучших здесь: Google Maps Script - но я хочу, чтобы мой скрипт использовал формат выше, что очень просто.

Answer 1

Класс google.maps.Marker может только создать маркер для одной точки в то время, поэтому вам потребуется какой-то способ повторить это для всех ваших точек.

Я бы сказал, что у меня есть массив объектов, каждый из которых имеет значения широты и долготы как отдельные свойства. И любые другие свойства, которые вы, возможно, захотите связать со всеми вашими точками, такими как названия и значки. например

var places = [ 
    { 
     latitude: 46.1, 
     longitude: 25.4 
     title: "Place 1", 
     icon: "blue.png" 
    }, 
    { 
     latitude: 54.1, 
     longitude: 0.0 
     title: "Place 2" 
     icon: "red.png" 
    }, 
    // etc 
]; 

Затем, когда вы хотите создать маркеры, просто цикл по массиву:

for (var i = 0; i < places.length; i++) { 
    marker = new google.maps.Marker({ 
     position: {lat:places[i].latitude, lng: places[i].longitude}, 
     title: places[i].title, 
     map: map, 
     icon: '../images/' + places[i].icon 
    }); 
}