Показать сообщение отдельно
  #1 (permalink)  
Старый 14.11.2018, 21:26
Интересующийся
Отправить личное сообщение для milov Посмотреть профиль Найти все сообщения от milov
 
Регистрация: 13.05.2012
Сообщений: 16

Как сделать чтоб каждая метка при ховере брала свою картинку?
Добавляю на карту метки и для каждой своё изображение для метки и для ховера тоже. У меня при наведении на любую метку изображение ставиться одно и тоже. Как сделать чтоб у каждой метки своё брала?

var myCollection = new ymaps.GeoObjectCollection({});
for (i in data.item) {
    var layout = ymaps.templateLayoutFactory.createClass('<div><img src="..."/></div>');
    var layout_hover = ymaps.templateLayoutFactory.createClass('<div><img src="..."/></div>');

    var myPlacemark = new ymaps.Placemark([lat, lng], {...}, {
                    iconLayout: layout,
                    iconShape: {
                        type: 'Circle',
                        coordinates: [0, 0],
                        radius: 25
                    }
                });)
    myPlacemark.events
        .add('mouseenter', function (e) {
            e.get('target').options.set("iconLayout", layout_hover);
        })
        .add('mouseleave', function (e) {
            e.get('target').options.set("iconLayout", layout);
        });

    myCollection.add(myPlacemark);
}
myMap.geoObjects.add(myCollection);


Похоже берёт layout последний который в цикле.
Ответить с цитированием