Добрый день.
Почему не могу отобразить хинт для 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);То всё выводится отлично: