Как вывести на одной странице несколько яндекс карт путем перебора кординат на js?

Question

[Cyber-Pavel]

Добрый день. Я хочу вывести на одной странице несколько карт. Я написал следующий скрипт, но у меня выходят пустые карты. Не понимаю в чем проблема. Буду рад любой помощи!

var maps = [];
var placemarks = [];
	//let	coordListMap2=[{"coordinates":"43.280587,76.92281",'id':"908"},{"coordinates":"43.280587,76.92281",'id':"890"}]
	let coordListMap2 = document.getElementsByClassName("contacts-title")
for(let i = 0; i < coordListMap2.length; i++) {
	ymaps.ready(function(){


var ind = i + 1;
	var mapId = 'map' + coordListMap2[i].dataset.id;


     maps[i] = new ymaps.Map (mapId, {
        center: [coordListMap2[i].dataset.coord],
        zoom: 10
    });
     placemarks[i] = new ymaps.Placemark([coordListMap2[i].dataset.coord], { 
        iconContent: 'Москва', 
        balloonContent: 'Столица России' 
    }, {
        preset: 'twirl#blueStretchyIcon'
    });
});
}

Answer 1

[Анастасия Foxman]

Вот так попробуйте

var maps = [];
var placemarks = [];
let coordListMap2 = document.getElementsByClassName("contacts-title")
for(let i = 0; i < coordListMap2.length; i++) {
    (function(i) {
        ymaps.ready(function(){
            var mapId = 'map' + coordListMap2[i].dataset.id;
            maps[i] = new ymaps.Map (mapId, {
                center: [coordListMap2[i].dataset.coord],
                zoom: 10
            });
            placemarks[i] = new ymaps.Placemark([coordListMap2[i].dataset.coord], { 
                iconContent: 'Москва', 
                balloonContent: 'Столица России' 
            }, {
                preset: 'twirl#blueStretchyIcon'
            });
        });
    })(i);
}

Comments

[Cyber-Pavel]

Добрый день! Спасибо, но ситуация та же. Не отображается

[freeExec]

зачем тут ymaps.ready в цикле?