@Lero62

Как поставить ширину макера автоматическую в зависимости от контента в ней яндекс карты?

У меня маркера ценниками сделаны типа 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()
				});
			

			}
  • Вопрос задан
  • 35 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы