Добрый день.
Почему не могу отобразить хинт для svg метки?
Формирую метку так:
var opt = { svg: '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="18px" height="18px" viewBox="0 0 18 18"><circle cx="7" cy="7" r="7" stroke="#fff" stroke-width="2" fill="#f00"/></svg>' svgOffset: [-9, -9] }; var MyIconLayout = ymaps.templateLayoutFactory.createClass(opt.svg); var myGeoObject = new ymaps.GeoObject({ geometry: { type: 'Point', coordinates: coords }, properties: { hintContent: 'Содержимое хинта' } }, { iconLayout: MyIconLayout, iconOffset: opt.svgOffset, iconMaxHeight: 18, iconMaxWidth: 18 }); map.geoObjects.add(myGeoObject);
Выводится так. При этом метка выводится и не как не реагируется на hover, даже курсор не меняется.
А если использовать стандартный вывод, так:
var myGeoObject = new ymaps.GeoObject({ geometry: { type: 'Point', coordinates: coords }, properties: { hintContent: 'Содержимое хинта' } }, { preset: "islands#redDotIcon" }); map.geoObjects.add(myGeoObject);
То всё выводится отлично: