Клуб API Карт

Поворот метки-картинки

in.skripov@zbrsk.ru
29 октября 2017, 18:44

Добрый вечер, подскажите, пожалуйста, как повернуть метку в виде картинки?

Вот мой код:

//мое положение
var vel = new ymaps.Placemark([x, y], {
    hintContent: 'Мой велосипед'
}, {
    iconLayout: 'default#image'
    ,iconImageHref: '/images/my_vel.png'
    // Размеры метки.
    ,iconImageSize: [50, 25]
    // Смещение левого верхнего угла иконки относительно
    // её "ножки" (точки привязки).
    ,iconImageOffset: [-25, -25]
});

myCollection.add(vel);
4 комментария
iconLayout: ymaps.templateLayoutFactory.createClass([
  '<div style="transform:rotate({{options.rotate}}deg);">',
    '{% include "default#image" %}',
  '</div>'
].join(''))
,iconRotate: 90
,iconImageHref: '/images/my_vel.png'
// Размеры метки.
,iconImageSize: [50, 25]
// Смещение левого верхнего угла иконки относительно
// её "ножки" (точки привязки).
,iconImageOffset: [-25, -25]




https://jsfiddle.net/a19d92hg/


Обновлено 29 октября 2017, 20:32
dimik,
Спасибо!
Поворот работает, но при этом хинт не выводится (и балун, кстати, тоже) при наведении курсора, в чем может быть проблема?
in.skripov@zbrsk.ru,
Метка, чтобы ловить события мышки, использует активную область
По умолчанию при задании своего HTML макета фигура активной области не задается, и её нужно задать самостоятельно.
Это можно сделать при помощи опции метки iconShape в виде JSON описания геометрии.
https://jsfiddle.net/a19d92hg/1/
dimik,
Огромное спасибо!