Mapus: Google Maps с живым взаимодействием, только лучше

02 Jul, 2022

Репозиторий давно не обновлялся

Последнее обновление было 4 года назад.

3,526
🔱 229
👥 51

Preview Mapus

Помните, как неудобно планировать путешествие с друзьями, когда каждый вносит правки в карту асинхронно? Или сложности при совместной работе над пространственными данными в команде? Разработчица Алисса Ксу (Alyssa X) создала Mapus — открытую альтернативу Google MyMaps с настоящим реальным взаимодействием.

Чем Mapus лучше привычных решений?

Mapus — это веб-приложение на базе Leaflet.js, которое позволяет:

  • 🎯 Видеть изменения других участников в реальном времени
  • ✍️ Рисовать области, линии и добавлять маркеры
  • 📏 Измерять расстояния и площади прямо на карте
  • 🔎 Искать места и достопримечательности
  • 💾 Экспортировать данные в GeoJSON

Главное преимущество? В отличие от Google MyMaps, здесь вы видите, где находятся другие участники и какие изменения они вносят — прямо во время работы.

Ключевые возможности, которые вас удивят

  1. Живое взаимодействие — наблюдайте за курсорами других участников, как в Google Docs, но для карт
  2. Гибкие инструменты рисования — выделяйте зоны, прокладывайте маршруты, добавляйте заметки
  3. Поиск мест — находите кафе, отели и достопримечательности поблизости
  4. Экспорт данных — сохраняйте результаты работы в стандартном GeoJSON формате
  5. Самостоятельное размещение — разверните свою версию на собственном сервере

Как это работает технически?

Под капотом Mapus использует:

Реклама
  • Leaflet.js — ядро для работы с картами
  • Firebase — база данных для синхронизации в реальном времени
  • OpenStreetMap — бесплатные картографические данные
  • Turf.js — геопространственный анализ прямо в браузере
// Пример конфигурации Firebase для Mapus
const firebaseConfig = {
  apiKey: "YOUR_API_KEY",
  authDomain: "your-project.firebaseapp.com",
  databaseURL: "https://your-project.firebaseio.com",
  projectId: "your-project",
  storageBucket: "your-project.appspot.com",
  messagingSenderId: "YOUR_SENDER_ID"
};

Кому особенно пригодится Mapus?

  1. Путешественники — планируйте маршруты вместе с друзьями
  2. Команды недвижимости — отмечайте потенциальные объекты
  3. Городские активисты — собирайте данные о проблемных местах
  4. Организаторы мероприятий — координируйте площадки и логистику
  5. Разработчики — используйте как основу для своих картографических решений

Как начать использовать?

Mapus требует самостоятельного развертывания (из-за особенностей работы Firebase). Но процесс установки довольно прост:

  1. Клонируйте репозиторий
  2. Создайте проект в Firebase
  3. Настройте аутентификацию через Google
  4. Запустите сервер

Подробные инструкции есть в README проекта.

Перспективы развития

Автор предлагает множество идей для развития проекта:

  • Добавление маршрутизации между точками
  • Система совместного доступа с разными правами
  • Интеграция с погодными сервисами
  • Возможность коммерческого использования

Вывод: стоит ли пробовать?

Если вам нужно:

  • Планировать поездки с друзьями без бесконечных сообщений
  • Работать с пространственными данными в команде
  • Иметь контроль над своими картографическими данными

— то Mapus станет отличным бесплатным решением. Особенно если вы готовы потратить час на самостоятельное развертывание.

Для разработчиков проект интересен как пример реализации реального времени на Leaflet.js и Firebase. MIT-лицензия позволяет свободно модифицировать и использовать код в своих проектах.

Попробуйте Mapus — возможно, это именно тот инструмент, которого вам не хватало для командной работы с картами!

🍪 Мы используем файлы cookie и сервис аналитики Яндекс.Метрика, чтобы сайт работал лучше. Продолжая пользоваться devtrends.ru, вы соглашаетесь с обработкой данных согласно Политике конфиденциальности.