Клуб API Карт

Есть ли возможность создавать кастомную стретч метку с текстом?

IvanO-v14
23 марта 2015, 12:59

Необходимо создать метку по типу такого.

Т.е. размер оранжевой плашки зависит от текста в ней.

В документации не нашел явного решения данного вопроса. Есть возможность подстановки метки со своим изображением и текстом но в том решении нельзя никак повлиять на цвет плашки под текстом.

Единственный вариант который сейчас просится в решение, это костыль типа:

1. создаем круглую оранжевую метку.

2. создаем не привязанный к метке балун на кастомном темплейте, размещаем его возле метки

12 комментариев
Подписаться на комментарии к посту

Вы можете создать свой макет иконки с нужной версткой, и передать его метке в опции iconLayout

Спасибо, немного помогло.

А как быть с тем что текст вылазит за плашку с цветом?

При разметке:

...

Блок охватывающий текст схлапывается, учитывается только его паддинг, он не охватывает текст.

Может там нужны какие то хитрые стили в css?

Ну плашка то конечно должна быть не картинкой.

Да, нужны CSS

Плашка у меня конечно не картинкой, текст с верской и стилями, только вот враппер у текста что то схлапывается.

Забил на время на оранжевую точку-указатель под плашкой и делаю вывод хотя бы текста на оранжевом фоне. (потому как вывести этуточку под плашкой с текстом я пока вообще не понимаю)

В простейшем случае:

var layout = ymaps.templateLayoutFactory.createClass('Текст');

var marker    = new ymaps.Placemark(pos, {}, {

                iconLayout: layout

            });

получаю схлопывание блока с текстом

Видимо что-то плохое написано в вашем css классе "label-marker"

По хорошему создали-бы пример... давно жду. Я вынужден был сделать генерацию картинок на серверной стороне, что мне не нравится, сегодня снова попытался на css перевести, был уже на финишной прямой, но тут еще очередная  проблема всплыла: перекрывающие друг друга метки, если картинки как сейчас заданы, то по mouseover у вас красиво вытаскивается на передний план, а через css что-то у меня не пошло... реально все вопросы связанные кастомными с растягивающимися балунами мониторю еще с версии 2.0. Очень хотелось-бы увидеть действующий пример.

Ждать всегда проще чем делать.

Пример я сделал, но он не научит никого использовать CSS и читать документацию, и нажатие Ctrl+C Ctrl+V не дает никакого профита для собственного развития.

Да в том то и дело что ничего криминального в нет нет - только изменение цвета фона плашки, padding и запрет переноса по пробелу.

Кстати так и не поборол пока этот баг - враппер как будто не видит контента, схлопывается и все.

Огромное спасибо!!! Будьте терпимее, этот вопрос всплывал уже много раз не у меня одного. Еще раз СПАСИБО!!!!

 

Вот где собака то зарыта, чтож вы не сказали сразу что для темплейта не допускается ипользование никаких элементов кроме ymaps?

За пример огромное спасибо, теперь нет проблем с отображением.

Я б ни в жизнь не догадался в чем проблема.

В завершении обсуждения темы, не могу не отписаться по итогам.

Раньше у меня картинки с текстом внутри динамически генерировались на php и подключал я метки с этими картинками (т.е. эмулировал свои метки вместо стандартных из preset с текстом).

На основе Вашего примера перевел все метки на html шаблон. Это круть!!! Карта гораздо легче работает, при изменении масштаба метки перерисовываются теперь проще и красивее, в общем полный восторг!!!

Такое обязательно надо в Примеры.