Клуб API Карт

Смена своего изображения на метке на другое изображение при наведении мыши

Byte916
17 марта 2015, 23:05

Добрый день

 

Хочу использовать своё изображение на метке и менять его на другое изображение при наведении мыши. Ни в примерах, ни в АПИ не смог найти ответ на то, как это сделать. Прошу помощи)

5 комментариев
Подписаться на комментарии к посту
Подписаться на mouseenter, mouseleave (https://tech.yandex.ru/maps/doc/jsapi/2.1-dev/ref/reference/GeoObject-docpage/#events-summary) у геообъекта или коллекции.

По первому выставлять метке изображение / пресет,
по второму — возвращать как было.

Да, так и было, до того, как было решено использовать свои изображения.

 Вот такой код не работает, при вхождении мыши иконка не меняется

            $("#point" + element.Id).mouseenter(function () {
                myPlacemark.options.set('preset', {
                    iconLayout: 'default#image',
                    iconImageHref: 'Images/point2.gif',
                    iconImageSize: [14, 14],
                    iconImageOffset: [-7, 7]
                });
            });

А зачем ты подписываешься с помощью jQuery? Он там вообще ни к чему, я специально скинул ссылку на документацию.

Вот так все работает:
    myPlacemark.events
        .add('mouseenter', function () {
            myPlacemark.options.set('iconImageHref', 'images/myIcon.gif');
        })
        .add('mouseleave', function () {
            myPlacemark.options.set('iconImageHref', 'http://avatars.yandex.net/get-yapic/175069058/islands-middle');
        });

Использую jquery, потому что добавляю события не к метке, а к внешнему списку, так удобнее.

Спасибо, заработало)

 

Не подскажете, как подобное реализовать для клика? А именно интересует как менять у всех, кроме текущей метки. Спасибо.