Клуб API Карт

Шаблон метки

Пост в архиве.

Добрый вечер,  у меня такой вопрос: Как задать свой шаблон для iconContent, я создал коллекцию меток и присвоил им изображение million.svg

millionСityCollection = new ymaps.GeoObjectCollection(null, {
iconLayout: 'default#imageWithContent',
iconImageHref: 'public/images/icon/million.svg',
iconImageSize: [40, 40],
iconContentOffset: [30,14]
});

 

Далее, я хочу сделать подложку под Название города те 

millionСityMoscowCoords = [55.75399400, 37.62209300];

        millionСityCollection.add(new ymaps.Placemark(millionСityMoscowCoords,{

iconContent: "<div class=\"city\">Москва</div>",

}));

 

Вопрос как сделать, чтобы мой блок <div class=\"city\"> был под изображением  и был резиновым те принимал всю ширину названия города

iconImageHref: 'public/images/icon/million.svg', и со сдвигом под него?


Итоговый результат вижу так

 

5 комментариев

С помощью CSS?

Игорь Воробьёв
27 января 2016, 22:42

iconContent: "Москва", вот тут я прописываю, но не могу засунуть его под саму иконку, те белая подложка под названием Города загараживает картинку

вот:

http://content.foto.my.mail.ru/list/iv-studio/_myphoto/h-13.jpg

 


По картинке помочь не получится

Сделайте минимальный пример на jsfiddle.net или jsbin.com

Стандартный макет "default#imageWithContent" не подразумевает подобных кастомизаций.

Вам нужно написать свой макет иконки, со своей версткой. Я когда-то делал пример макета иконки, тянущейся под контент