У меня маркера ценниками сделаны типа 10 000 рублей и так далее, но таким образом мне надо чтобы маркер был шириной авто, или может как то можно высчитывать ширину блока и указывать в iconImageSize ?
у меня вот так выводится маркера
ymaps.ready(init);
var addMap;
function init () {
var coords = [
[55.755811, 37.617617],
[56.025, 36.981],
[56.020, 36.981],
[56.021, 36.983],
[56.027, 36.987]
];
var price = [
['13 от 99 999 ₽'],
['99 999 ₽'],
['99 999 ₽'],
['13 от 99 999 ₽'],
['13 от 99 999 ₽'],
];
var myClusterer = new ymaps.Clusterer();
var myGeoObjects = [];
var addMap = new ymaps.Map("content-map", {
center: [55.755811, 37.617617],
zoom: 10,
controls: []
}, {
autoFitToViewport: 'always',
searchControlProvider: 'yandex#search'
});
var MyIconContentLayout = ymaps.templateLayoutFactory.createClass(
'<div class="map-marker">$[properties.iconContent]</div>'
)
var myCollection = new ymaps.GeoObjectCollection();
for (var i = 0; i<coords.length; i++) {
myGeoObjects[i] = new ymaps.GeoObject({
properties: {
iconContent: price[i],
},
geometry: {
type: "Point",
coordinates: coords[i]
}
}, {
iconLayout: MyIconContentLayout,
});
}
addMap.geoObjects.add(myCollection);
myClusterer.add(myGeoObjects);
addMap.geoObjects.add(myClusterer);
myClusterer.events.add('mouseenter', function (e) {
$('.div').show()
})
myClusterer.events.add('mouseleave', function (e) {
$('.div').hide()
});
}