Карта и выбор объекта
Подготавливаем интерактивные границы по исходному плану, поиск и фильтры. Связываем каждый участок с его номером и карточкой, проверяем выбор на сенсорном экране.
Интерактивные генпланы
Участки и условия — на одном плане.
Посетитель выбирает объект и сразу видит его характеристики. Сотрудник обновляет данные через админку, не обращаясь за каждой правкой к разработчику.
Обсудить задачуС чего начнём
Для выбора участка мало красивой картинки. Нужны читаемые границы, номера, актуальный статус и понятная карточка. На телефоне места меньше, поэтому карту, управление и карточку проектируем отдельно: элементы не должны перекрывать участки или мешать прокрутке сайта.
Карточки и расчёты
Показываем площадь, статус и согласованные характеристики. Если цена задаётся за сотку, рассчитываем итог по площади в квадратных метрах. Правила округления и исключения обсуждаем заранее.
Обновление данных
Настраиваем админку или связь с таблицей. Определяем основной источник данных, права редакторов и поведение при сбое внешнего сервиса. Устаревшую цену нельзя выдавать за проверенную.
Как проходит работа
Сверить исходные материалы
Нужны план, границы, номера и таблица характеристик. Сначала сопоставляем их и отмечаем расхождения — разработка карты не заменяет кадастровую проверку.
Проверить выбор на небольшом фрагменте
Собираем несколько участков, карточку и мобильное управление. Проверяем читаемость и сценарий обращения по выбранному объекту.
Подключить все данные и управление
Добавляем остальные объекты, правила цен, статусы и доступы сотрудников. Проверяем, что изменения из админки действительно видны посетителю.
Что подготовить к разговору
- Актуальный план с номерами и границами участков.
- Таблица площадей, статусов и правил расчёта цены.
- Список характеристик для карточки и решение, кто будет обновлять данные.
Частые вопросы
Можно встроить план в существующий сайт?
Да, после проверки его платформы, способа хранения данных и ограничений хостинга. Необязательно переделывать остальные страницы.
Что делать, если таблица перестала отвечать?
Заранее выбираем резервный сценарий: сохранённая подтверждённая версия, управление через админку или временное скрытие непроверенных условий. Приоритет источников должен быть явным, чтобы старая таблица не перезаписала ручные изменения.
Будут ли участки видны на маленьком экране?
Мобильную версию проверяем отдельно: уменьшаем число элементов поверх карты, подбираем масштаб и делаем компактную карточку. Масштабирование плана не должно перехватывать обычную прокрутку страницы.
Расскажите, как это устроено у вас.
Для начала достаточно описать задачу. Состав работ и условия согласуем после знакомства с ней.