Клуб API Карт

Как изменить свойства метки при 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 комментарий
Всетаки сделал:


  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