Skip to content

Viewer of the master plan of Ekaterinburg for 2025/2045

License

Notifications You must be signed in to change notification settings

sashachabin/ekaterinburg-plan

Repository files navigation

ekaterinburg-plan

Генплан Екатеринбурга. Приложение для просмотра изменений на картах 2025 и 2045.

map.genplanekb.city

О проекте

Просмотрщик помогает работникам местных СМИ и городским активистам просматривать изменения в генплане, не выкачивая десятки .pdf файлов с сайта администрации Екатеринбурга. Более подробная информация об изменениях и проводимых общественных слушаниях размещена на сайте общественной организации «Мирные жители».

Возможности

  • Просмотр изображений с помощью Viewer.js
  • Отправка аналитики в Яндекс.Метрику
  • Управление с клавиатуры
    • Shift + ↑/→/↓/← — Перемещение по карте
    • Ctr +/- — zoom
    • Esc / 0 — Сброс zoom
    • Tab, Shift + Tab — Переключение между элементами управления

Настройки

Файлы планов

Планы и легенды находятся в подпапках с названием версий внутри /plans:

plans/
│
└───2023-ratified/                          # Версия плана
│   ├── ОМЗ Велоинфраструктура.map.png      # План
│   ├── ОМЗ Велоинфраструктура.legend.png   # Легенда
│   │   ...
└───2021-raitified/
│   ├── ОМЗ Велоинфраструктура.map.png
│   ├── ОМЗ Велоинфраструктура.legend.png
│   │   ...

Версии плана

Список версий генплана задается в /plans/versions.json:

[
  {
    "id": "2023-ratified",
    "name": "Утверждённый",
    "caption": "генплан до 2045",
  },
  {
    "id": "2021-ratified",
    "name": "Старый",
    "caption": "генплан до 2025"
  },
  // ...
]

Список планов

Список планов с указанием доступных для них версий задается в /plans/plans.json

[
  {
    "name": "Функциональные зоны",
    "versions": ["2023-ratified", "2022-discussion", "2021-ratified"]
  },
  {
    "name": "Велоинфраструктура",
    "versions": ["2022-discussion"]
  },
  // ...
]

Разработка

  1. Установить Node.js

  2. Установить зависимости

npm i
  1. Создать .env файл код счётчика Яндекс.Метрики (опционально)
VITE_YANDEX_METRIKA_API_KEY=
  1. Запустить
npm start

Авторы


Код просмотрщика может быть использован в любых целях для любых проектов с указанием авторства (лицензия MIT).