Этажи в MapGL JS API

После недавнего релиза иммерсивных моделей в MapGL JS API расширили возможности b2b-инструмента и добавили для зданий Этажи. Такие поэтажные планы с планировками помогут застройщикам показать покупателям квартирографию каждого этажа и другие важные детали.

С помощью нового плагина можно создать интерактивный блок и встроить его на страницу или в приложение. В таком виде его могут использовать наши партнёры, у которых есть доступ к MapGL JS API от 2ГИС.

Как это работает

Почти так же, как иммерсивные модели в JS API, о которых мы рассказывали два месяца назад. С той разницей, что каждый этаж — это отдельная модель. Всё здание — это этаж или несколько этажей, которые лежат на подошве-основании. Таким образом мы можем наглядно показать высоту этажа.

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

А при наведении на здание можно добавить выделение цветом и тултип, в котором покажется важная информация о здании.

Квартиры на этаже выделены разным цветом — он определён в самой модели при её создании.

На каждую квартиру застройщик может поставить кликабельное POI и вписать туда важную информацию. Например, количество комнат и метраж.

При клике и наведении на POI мышкой тоже может происходить какое-то событие. Например, можно открыть страницу для продажи конкретной квартиры, а при наведении можно добавить тултип с подробной информацией.

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

В API можно устанавливать дефолтный зум и центрирование для каждого этажа в отдельности. Это позволит пользователем удобнее пользоваться плагином.

Как установить на свой сайт

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

2ГИС также может сделать детальную модель зданий, включая этажи, и предоставить координаты, на которых модель появится на карте. Все остальные элементы интерфейса: POI, контролы и тултипы — застройщик выставляет на своём сайте сам, с помощью наших методов.

У плагина есть возможности для дополнительной настройки: к примеру, можно выводить POI только на тех квартирах, которые есть в продаже.