Как изменить свойства метки при hover неведении ?

Пост в архиве.

vadimbashirof

1 ноября 2017, 13:26

Использую версию яндекс карты 2.1

По разному пробовал, задавал вместо картинки svg изображение и во внутренностях прописывал стили при наведении, создавал метки при помощи метода

ymaps.templateLayoutFactory.createClass ('<div class="placemark"></div>');

И просто прописывать стили в с css для hover эффекта

И пробовал к нему добраться через события

myPlacemark.events.add('hover', function () {
    
})

Все тчетно, мне нужна максимальная кастомизация стилей при событии hover. Подскажите как этого добиться?

1 комментарий

Авторизуйтесь, чтобы оставить комментарий

vadimbashirof

1 ноября 2017, 14:29

Всетаки сделал:

ymaps.ready(function () {
var map = new ymaps.Map('map', {
center: [55.7, 37.6],
zoom: 10,
controls: []
});
// Создание метки с квадратной активной областью.
var squareLayout = ymaps.templateLayoutFactory.createClass('<div id="placemarkr" class="placemarkr">$</div>');
var squarePlacemark = new ymaps.Placemark(
[55.725118, 37.682145], {
hintContent: 'Метка'
}, {
iconLayout: squareLayout,
// Описываем фигуру активной области "Прямоугольник".
iconShape: {
type: 'Rectangle',
// Прямоугольник описывается в виде двух точек - верхней левой и нижней правой.
coordinates: [
[-25, -25], [25, 25]
]
}
}
);
map.geoObjects.add(squarePlacemark);
squarePlacemark.events.add('mouseenter', function () {
$('#placemarkr').addClass('placemarkr-hover');
});
squarePlacemark.events.add('mouseleave', function () {
$('#placemarkr').removeClass('placemarkr-hover');
});
});

Обновлено 1 ноября 2017, 14:31