Песочница
Кабинет разработчика
Версия:
Карта
Геообъекты
Кластеризация
GeoQuery
Поведения и события
Макеты и шаблоны
Поиск по карте
Пробки
Местоположение пользователя
Маршрутизация
GeoXML

Макет балуна кластера "Аккордеон"

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

Для отображения информации о геообъектах в составе кластера применяется балун.

Внешний вид балуна кластера определяется макетом. Можно использовать стандартные макеты или создавать собственные с помощью фабрики templateLayoutFactory, используя текcтовые шаблоны. Текстовые шаблоны формируют html-содержимое макета на основе хэша с данными, передаваемого в конструктор макета.

В данном примере используется стандартный макет балуна "Аккордеон". Данный макет, в отличие от других стандартных балунов кластера, может содержать несколько выбранных элементов. Эти элементы записываются в поле cluster.state.get('selectedObjects'). Информация о геообъектах представлена в виде списка. Элемент списка состоит из двух подмакетов: заголовка и содержания. Заголовок виден всегда и по умолчанию выводит содержимое поля геообъекта properties.contentHeader и иконку геообъекта. Иконка геообъекта загружается по url, которая указана в поле геообъекта options.balloonIconImageHref. Содержание располагается под заголовком и отображается только после клика по заголовку. По умолчанию отображает поля properties.contentBody и properties.contentFooter. Оба подмакета получают объект properties с данными геообъекта и сам объект geoObject. В примере отображено создание подмакета содержания.

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