Песочница
Кабинет разработчика
Версия:
Популярные примеры
Карта
Геообъекты
Балун и хинт
Элементы управления
Активные области
Регионы
Кластеризация
GeoQuery
Поведения и события
Поиск по карте
Пробки
Местоположение пользователя
Маршрутизация
YMapsML
GeoXML
ObjectManager
Модульная система
Панорамы
Внешние модули

Собственный html-контент балуна метки

Сохранить как файлыЭкспорт на JSFiddle

Через свойства и опции геообъектов можно задавать содержимое для балуна и всплывающей подсказки, а также изменять их внешний вид.

Содержимое балуна/всплывающей подсказки задается через свойства геообъекта:

  • hintContent - содержимое всплывающей подсказки геообъекта;
  • balloonContent - содержимое балуна геообъекта;
  • balloonContentHeader - содержимое заголовка балуна геообъекта;
  • balloonContentBody - содержимое основой части балуна геообъекта;
  • balloonContentFooter - содержимое нижней части балуна геообъекта.
При задании содержимого можно использовать HTML-разметку.

Обратите внимание, через HTML-разметку можно задать только внутреннюю структуру балуна/всплывающей подсказки. Если нужно изменить их внешний вид, вам потребуется переопределить их макет с помощью фабрики templateLayoutFactory. Макет задается через опции геообъекта.

Фабрика макетов позволяет решить задачи:

  • поменять форму балуна и всплывающей подсказки;
  • сдвинуть относительно метки;
  • изменить внешний вид крестика закрытия балуна;
  • изменить внешний вид ножки балуна и др.
Чтобы понять, как работать с фабрикой макетов, посмотрите пример Пользовательский макет балуна с поддержкой автопозиционирования.

Пишете на JavaScript? У нас есть вакансии