Инструмент разметки квартир
Если вы заходили на сайт ЖК для поиска квартиры в новостройке, то наверняка видели функционал выбора квартиры на фотографии ЖК или плане здания. Для потенциального покупателя очень удобно, когда ты можешь, взглянув на фотографию, понять, где именно тебе предстоит жить, какой вид будет открываться из окна своей квартиры. Но достаточно хлопотно в реализации.
Для реализации такой удобной навигации приходится приложить много усилий нескольких специалистов:
- контент-менеджеру необходимо разметить координаты полигонов на изображении, используя свои доступные инструменты;
- программисту преобразовать координаты в необходимый формат;
- сформировать SVG, привязать в ручном режиме необходимые изображения и т.д.
А если план меняется или кто-то из участников процесса ошибается — придется начать работу заново. Это усложняет работу с планами и занимает уйму времени.
С такими проблемами сталкиваются практически все сайты ЖК, и, как правило, решают задачу копированием кода разметки вручную. Ну а для разметки используют минималистичный интерфейс, в котором можно обозначить полигон.
Мы постарались облегчить работу наших клиентов с планами ЖК и разметкой объектов и разработали универсальный модуль. В этом модуле нет жестко заданных полей и иерархии, вместо этого есть гибкая конфигурация разделов («ЖК», «Корпус», «Этаж» и т. п.) под нужды проекта.
Модуль настраивается под конкретный проект, объектам задаются все необходимые поля. При необходимости в любой момент могут быть добавлены новые.
В разметку можно включать любые объекты (ЖК, корпус, квартира и т.д.). Например, можно реализовать переход от общего плана сразу к квартире. Модуль является надтсройкой над модулем Highload-блоков, в которых хранится вся информация об объектах. Используется кеширование для снижения нагрузки на сервер. Все выборки по фильтрам происходят мгновенно, а решение легко масштабируется.
Пример выбора корпуса ЖК:
После разметки, прямо на изображении можно привязать объект (корпус, этаж и т.д.) любого уровня. Например, так выглядит привязка этажа на размеченном корпусе:
А вот привязка квартиры на этаже:
При этом в диалогах отображаются только те квартиры, которые реально расположены на этом этаже. Быстро и просто: выгрузили список квартир застройщика на сайт, добавили изображения плана ЖК, этажей — и можно приступать к разметке.
В разметку можно внести изменения в любой момент в понятном графическом интерфейсе, тут же привязать к размеченной области необходимый объект.
Для наших клиентов нет нужды генерировать код и обращаться за доработками каждый раз, когда меняется план. Мы разработали модуль, который не создает проблем и помогает в работе, нет нужды обращаться за доработками каждый раз, когда меняется план.