Клуб API Карт

2.1 hintContent не отображается при iconLayout SVG почему?

clgs
15 ноября 2017, 13:08

Добрый день.

Почему не могу отобразить хинт для 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);

То всё выводится отлично: