База

1. Нужен сервис максимально похожий на https://maphub.net/ по функционалу, в котором можно добавлять свои подложки. Сервис нужен для личного использования и чтобы создавать интерактивные карты для клиентов.

   

   UX

   

   Свободное форматирование у карточек

Референсы

1. Реальные карты

   1. Пример

      1. https://kargopol-map.ru/interactive.php
      2. https://maphub.net/asmysl-maps/karta-pechorskogo-folklora

   2. Для реальных карт мы используем сервис maphub.net на основе OSM, вот их документация https://docs.maphub.net/

      ✅ Плюсы

      1. Хорошо оптимизирован
      2. Нравится админка
      3. Работает на мобилах
      4. 100% нужный функционал

      ❌ Минусы

      1. Нельзя дать ссылку на отдельные точки
      2. Когда карта добавляется через iframе на сайт, то через js до неё не достучаться
      3. Интерфейс только на англ
      4. Ограничен набор подложек
2. Иллюстрированные карты
   1. https://kargopol-map.ru/
      1. Использовал leaflet.js
   2. https://discover-taimyr.ru/designer (делал не я, дизайн не мой)
      1. Использован https://cesium.com/platform/cesiumjs/
   3. https://belomorie-map.ru/content/belomorie/
      1. Использован GSAP
      2. Можно добавлять css анимацию блокам, как тут, например
   4. https://visit-imandra.ru/maps/karta-monchegorsk/ (делал не я, дизайн мой)
3. Нравится
   1. https://maphub.net/
      1. ✅ Нравится всё!
      2. ✅ Нравится большой выбор подложек (нормальных там 2-3 шт)
      3. ❌ Нет своих подложек
      4. ❌ Расположен не в России
   2. https://yandex.ru/map-constructor
      1. ✅ Подложка яндекса
      2. ❌ Отсутствие форматирования у описаний всё убивает
   3. https://holst.so/
      1. ✅ Нравится редактор у блоков текстов, напоминающий ноушен
      2. ✅ Нравится как нативно всё скроллится (как в миро)
   4. https://yandex.ru/metro/moscow
      1. ❌ Тормозит

Запрос

1. Просмотр карт должен плавно нативно работать на всех устройствах, с естественным зумом двумя, одним пальцем (как все привыкли в яндекс-картах).
   1. десктопы
   2. планшеты
   3. мобильные
   4. в приложениях без интернета ****(только на кастомных подложках. Обсудить 💬)
2. Редактор карт должен работать только с десктопа
3. Карты должны встраиваться на существующие сайты без особых техтребований к серверу, к сущ.структуре сайта
4. Функционал редактора maphub.net
   1. Что добавлять на карту
      1. Добавление точек (всплывают по принципу maphub рядом с точкой, подтягивая карту так, чтобы всё влезло во вьюпорт)
         1. Иконки
            1. Стандартный набор (пришлю)
            2. Загрузка собственных
         2. Изменение цвета иконок
         3. Тайтл
            1. Можно его выводить на карту — справа или по центру снизу
         4. Описание
            1. Форматирование очень важно
               1. Markdown
               2. Визуально сразу видеть форматирование (как в ноушене, без символов), задействовать привычные шорткаты (⌘+B,⌘+I,⌘+K итд)
            2. Ссылки
               1. Внешние (в новом окне)
               2. На другие точки на карте
               3. На абзацы внутри описания с плавным скроллом до них
            3. Вставка видео с видеохостингов (помимо ютуба и тд, + вк.видео, рутуб)
               1. С подписью
            4. Вставка изображений (или карусели)
               1. С подписью под каждым изображением
               2. Возможность открыть фотографию во весь экран в новом окне
      2. Добавление надписей на карту
         1. Диапазон их появления зависит от зума
         2. Выбранным шрифтом
         3. Со всеми свойствами, как у точки (или можно сделать неактивными, тогда это просто фоновая картинка)
      3. Добавление изображений на карту
         1. растровые (.png, .jpg, .gif и тд)
         2. векторные (.svg) тогда с указанием масштаба
         3. возможность задавать им классы, чтоб анимировать их через css
         4. Диапазон их появления зависит от зума
         5. Со всеми свойствами, как у точки (или можно сделать неактивными, тогда это просто фоновая картинка)
      4. Добавление векторных полигонов на карту
         1. Со всеми свойствами, как у точки
      5. Добавление линий на карту
      6. Перетаскивание по группам
   2. Список точек
   3. Показать моё местоположение на карте (только на реальных подложках)
   4. Проложить маршрут до точки на яндекс-карте (или гугл-карте)
   5. Подложки (обсудить 💬)
   6. Общее (появляется при открытии карты, справа-внизу)
   7. Редактирование
   8. Поиск по карте
   9. Импортирование даты
   10. Управление
   11. Язык интерфейса
   12. Технические моменты

Результат