Приложение для работы с интерактивной картой на сенсорном экране

• Предпочтение разработчикам на REACT или GODOT
• Сроки сжатые.
• Дизайн готов в FIGMA и Adobe Illustrator

Программа представляет собой несколько страничный навигатор по карте национального природного парка (Полушье).

Главная страница на которой находятся 4 кнопки с анимированными изображениями

Кнопка 1 «Места» - при нажатии перебрасывает на страницу типа 1-1. Страница 1-1 – это большая карта, на которой отмечены объекты на карте, к которым посетитель парка может попасть пешком, на велосипеде или на каяке.

Функционал страниц «1-1» и «1-2»:

• На странице 1-1 сверху есть статичная плашка (тайтл) и снизу есть меню, кнопки которого такие же как и на главной странице (4 шт).
• Карта – исходное разрешение 6264х8488 пкс. Карту можно приближать и двигать. При зуме карты Верхняя плашка и меню остаются статичные(карта не заползает поверх них).
• Места – это точки на карте, к которым привязано изображение (иконка или миниатюра) и текстовое название. При зумировании карты, размер иконок и текстового блока с названием не меняется.
• Пользователь может «тапнуть»  любое из «мест» и тогда открывается PopUp окно где отображается информация об объекте(месте). PopUp окно условно называется страница 1-
• Для каждого объекта есть свой типовой контент:
• Название объекта
• Фотография
• Текстовое описание

Из активных элементов на PopUp  (стр. 1-2) есть кнопки листания фотографий (если их больше одной) – стрелки вправо/влево и кнопка закрытия окна – крестик.

Закрытие PopUp окна возвращает пользователя на страницы 1-1

Кнопки 2-4  - это выбор типа путешествия: каяк, пешком, на велосипеде. Все три кнопки при «тапании» на них перебрасывают пользователя на страницу типа 2-1. Эта страница типовая. Но для каждого из трёх видов маршрутов она немного отличается . Отличие заключается в:

Верхняя плашка, указывает на один из трёх типов путешествий(отображаемых треков) – каяк, пешком и на велосипеде.

Активная кнопка в меню – если выбран вид путешествия, например, «каяк», то соответственно кнопка с изображением каяка отображается в активном состоянии(цвета текста и самой кнопки инвертированы). Аналогично и для других двух типов маршрутов.

Если, например, выбран тип путешествия «Каяк», то на карте будут отображаться все виды водных путешествий(траекторий) – сейчас их 3 (V1, V2, V3).

Маршруты – это пунктирная линия которую дизайнер (я:) нарисовал в соответсвии с GPX файлом с координатами точек маршрута. Каждый маршрут кликабельный и при «тапанье» перебрасывает на страницу  2-2.

Страница 2-2 – это страница маршрута. На ней отображается:

• Название маршрута
• Символ маршрута (цветной ромб)
• Длительность и длинна маршрута
• Опознавательный знак маршрута (картинка знака. Например чувак на байдарке)
• Текстовый контент
• Кропнутая карта с отображением только одного конкретного маршрута и объектов(мест) привязанных к этому маршруту(остальные не показываются.
• Кнопка закрытия окноа и возврана на страницу 2-1

При тапанье любого из объектов, отображается PopUp (страница 1-2) с описанием объекта (места).

Нужна будет админка для добавления новых точек и маршрутов. Детали при личной связи.