Разработали сервис для навигации по Алатырю: поэтажную схему, поиск организаций и маршрут между двумя точками. Карта помогает найти нужное место и разобраться с переходами между этажами — на компьютере и телефоне.
Посетителю торгового центра недостаточно знать название магазина. Нужно понять, где он находится, на каком этаже и как до него дойти от выбранной точки.
Мы объединили схему здания, каталог организаций и построение маршрута в одном интерфейсе. Отдельно проработали мобильное управление: карта должна оставаться видимой, когда человек выбирает место или смотрит путь.
02 · Что сделали
От поиска места до понятного маршрута
Собрали схему, каталог и навигацию в связанный сценарий: найти организацию, увидеть её на этаже и построить путь.
01
Поэтажная схема
Подготовили девять уровней: −3, −2, −1 и этажи с 1-го по 6-й. Добавили переключение этажей, масштабирование и перемещение карты.
Разместили организации на схеме, настроили подписи и выделение выбранного помещения.
02
Поиск и маршрут
Связали поиск по названиям и категории с карточками организаций и их положением на карте.
Добавили выбор точек А и Б, линию маршрута с направлением движения и последовательный просмотр пути по этажам.
Расчёт выполняется в браузере по собственному графу переходов, без запросов к внешнему API маршрутизации. Начальную точку пользователь задаёт сам.
03
Мобильное управление
Сделали компактные панели выбора точек, чтобы они не перекрывали всю схему на небольшом экране.
Добавили закрытие карточки и маршрута, смену этажей и управление масштабом. Продумали взаимодействие с картой и прокруткой страницы.
Проект целиком
Как выглядит сайт
03 · Результат
Что получилось
Получился работающий веб-сервис: можно выбрать организацию, открыть нужный этаж и посмотреть путь от точки А до точки Б. Карта доступна по отдельной ссылке, не требует установки приложения и подходит для знакомства с навигацией на компьютере и телефоне.
9уровней на интерактивной схеме
А→Бмаршрут с переходами между этажами
Обсудим ваш проект
Нужен похожий результат?
Посмотрим сайт, разберём задачу и честно скажем, с чего лучше начать.
