В текущей реализации имеется один этаж, отрисованный в Figma, и импортированный в проект как svg.
Поверх изображения добавлены ребра и вершины для расчета оптимального пути.
Необходимо добавить еще три этажа в проект, для этого:
1) Отрисовать в Figma или Photoshop этаж
2) Импортировать в проект как svg
3) Поверх наложить вершины и соединить ребрами
4) Реализовать логику переключения между этажами (как это сделано у Яндекса, как на скриншоте) и логику поиска маршрута от одного этажа до другого.
К примеру стартовая точка находится на первом, конечная на четвертом, соответственно нужно искать путь до лифта.
Само веб приложение рассчитано на мобильные устройства.
Репозиторий с кодом прикрепляю (по сути вся работа происходит в /src/components/MapView.jsx)
https://github.com/PumkinEater715/Djkstra
Как выглядит сам макет в Figma (ребра и вершины скрыты через прозрачность)