Repolode
Предложить
dimartarmizi

dimartarmizi/map-to-poster

Клиентское веб-приложение, которое превращает любое найденное место в настраиваемый постер с картой в высоком разрешении и экспортом в PNG.

Open source альтернатива:Positive Grid PosterMapiful

Открыть на GitHubСайт
Звёзды
1,097
Форки
168
Открытые issues
5
Последний коммит
5 месяцев назад

Что это?

MapToPoster JS позволяет найти любое место в мире и превратить его в карту-постер для печати. Можно выбирать растровые темы на Leaflet, например Minimal White, Midnight Dark и Satellite View, а также художественные векторные темы на MapLibre GL, такие как Arctic Frost и Blueprint Classic.

В редакторе можно настраивать не только оформление, но и компоновку. Добавляйте и перетаскивайте маркеры, прокладывайте маршруты с помощью OSRM, добавляйте паспарту или рамку, включайте и отключайте названия стран, координаты и подписи, а также перетаскивайте наложенные подписи городов. Настройки сохраняются в LocalStorage.

Результат можно экспортировать в PNG с настраиваемым разрешением до 50 000px. Всё работает в браузере, поэтому данные о местоположении не отправляются на сервер. Проект собран с помощью Vite и Tailwind CSS и включает конфигурацию Docker для раздачи статической сборки через Nginx.

Ключевые возможности

  • 01Поиск мест по всему миру с помощью геокодирования Nominatim.
  • 02Переключение между растровыми темами Leaflet и художественными векторными темами MapLibre GL.
  • 03Добавление, перетаскивание и настройка нескольких маркеров.
  • 04Прокладка маршрутов с загрузкой путей на основе OSRM.
  • 05Добавление рамки-паспарту с настройкой ширины, границы и прозрачности.
  • 06Экспорт в PNG с разрешением до 50 000px.
  • 07Работает полностью в браузере, настройки сохраняются в LocalStorage.

Сценарии использования

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

Быстрый старт

  1. 1

    Клонируйте репозиторий

    git clone https://github.com/dimartarmizi/map-to-poster.git
  2. 2

    Перейдите в папку проекта

    cd map-to-poster
  3. 3

    Установите зависимости

    npm install
  4. 4

    Запустите сервер разработки (откроется по адресу http://localhost:5173)

    npm run dev

Что важно знать

  • Для локального запуска требуется Node.js версии 18.0.0 или выше.
  • Работа картографических тайлов и поиска зависит от сторонних сервисов, таких как Nominatim, OSRM и CartoDB.

Темы

#maps#map-poster#leaflet#maplibre#gis#javascript#vite

Частые вопросы

Что такое map-to-poster?
Клиентское веб-приложение, которое превращает любое найденное место в настраиваемый постер с картой в высоком разрешении и экспортом в PNG. MapToPoster JS позволяет найти любое место в мире и превратить его в карту-постер для печати. Можно выбирать растровые темы на Leaflet, например Minimal White, Midnight Dark и Satellite View, а также художественные векторные темы на MapLibre GL, такие как Arctic Frost и Blueprint Classic.
map-to-poster можно использовать бесплатно? Какая у него лицензия?
map-to-poster распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.
map-to-poster всё ещё поддерживается?
Обновлялся за последние 6 месяцев. Последний коммит в map-to-poster — 6 июн. 2026 г..
Для чего можно использовать map-to-poster?
Создание настенного постера с картой родного города, другого города или маршрута путешествия. Подготовка персонализированных карт в подарок на свадьбу, годовщину или переезд. Печать в большом формате при самостоятельном размещении статической версии.
Как установить map-to-poster?
Клонируйте репозиторий: git clone https://github.com/dimartarmizi/map-to-poster.git Перейдите в папку проекта: cd map-to-poster Установите зависимости: npm install Запустите сервер разработки (откроется по адресу http://localhost:5173): npm run dev
Где скачать map-to-poster?
Исходный код и инструкции по установке — на GitHub: https://github.com/dimartarmizi/map-to-poster

Описание создано ИИ на основе README проекта. Статистика GitHub обновляется ежедневно.

Похожие проекты