Здравствуйте! Помогите найти ошибку:
Есть такой код, который находит на странице все элементы с классом ".maps-menu" присваивает им id:'map'+i
Затем создается цикл, который в контейнеры с этими id помещает карты. Вот код:
$(document).ready(function(){
var i = 1; // вводим порядковый номер в переменную
$('.maps-class').each(function(){// перебираем все блоки по классу
$(this).attr('id','map'+i); // присваиваем атрибут id
i++; // увеличиваем порядковый номер в переменной на единицу
})
ymaps.ready(function () {
var j = document.getElementsByClassName('maps-class').length;
for (y = 1; y < j+1; y++) {
var b = "#map"+y; //создаете переменную для извлечения текста методом JQuery
var g = "map"+y; //создает переменную совпадающую с id ранее созданного контейнера.
var adress = $(b).text();//возвращает адрес в виде текста
var myMap, myPlacemark;
myMap = new ymaps.Map(g, {
center: [55.76, 37.64],
zoom: 13
});
var myGeocoder = ymaps.geocode(adress);
myGeocoder.then(
function (res) {
myMap.geoObjects.add(res.geoObjects); //добавляет объекты на карту.
},
function (err) { // обработка ошибки
}
);
//код, что сверху все метки добавляет только в последнюю карту
//а вот тот что с низу на каждую, только туда не получается внести переменную вместо координат
myPlacemark = new ymaps.Placemark([55.76, 37.64], {
hintContent: 'Москва!'
});
myMap.geoObjects.add(myPlacemark);
}
});
})Проблема в том, что нужно, чтобы на каждой карте добавлялась метка, которая находится по результатам геокодирования взятого из каждого элемента текста.
Все работает, но метки все дружно появляются на последней карте.
Через new ymaps.Placemark([..., ...]... - получается добавлять на карту метки, но не получается у этих меток изменять координаты в каждом повторении цикла.
Что не так?
Заранее спасибо)