Генплан Екатеринбурга. Приложение для просмотра изменений на картах 2025 и 2045.
Просмотрщик помогает работникам местных СМИ и городским активистам просматривать изменения в генплане, не выкачивая десятки .pdf файлов с сайта администрации Екатеринбурга. Более подробная информация об изменениях и проводимых общественных слушаниях размещена на сайте общественной организации «Мирные жители».
- Просмотр изображений с помощью Viewer.js
- Отправка аналитики в Яндекс.Метрику
- Управление с клавиатуры
Shift + ↑/→/↓/←— Перемещение по картеCtr +/-— zoomEsc/0— Сброс zoomTab,Shift + Tab— Переключение между элементами управления
Планы и легенды находятся в подпапках с названием версий внутри /plans:
plans/
│
└───2023-ratified/ # Версия плана
│ ├── ОМЗ Велоинфраструктура.map.png # План
│ ├── ОМЗ Велоинфраструктура.legend.png # Легенда
│ │ ...
└───2021-raitified/
│ ├── ОМЗ Велоинфраструктура.map.png
│ ├── ОМЗ Велоинфраструктура.legend.png
│ │ ...Список планов с указанием доступных для них версий задается в /plans/plans.json
[
{
"name": "Функциональные зоны",
"versions": ["2023-ratified", "2022-discussion", "2021-ratified"]
},
{
"name": "Велоинфраструктура",
"versions": ["2022-discussion"]
},
// ...
]Описания версий генплана задаются в /plans/versions.json:
[
{
"id": "2023-ratified",
"name": "Утверждённый",
"caption": "генплан до 2045"
},
{
"id": "2022-discussion",
"name": "Обсуждение",
"caption": "генплан до 2045"
},
{
"id": "2021-ratified",
"name": "Старый",
"caption": "генплан до 2025"
}
]-
Установить Node.js
-
Установить зависимости
npm i
- Создать
.envфайл код счётчика Яндекс.Метрики (опционально)
VITE_YANDEX_METRIKA_API_KEY=- Запустить
npm start
- Алексей Кофман — автор идеи, подготовка планов
- Полина Балашова — подготовка планов
- Никита Коновалов — дизайнер, разработчик прототипа
- Александр Чабин — разработчик
Код просмотрщика может быть использован в любых целях для любых проектов с указанием авторства (лицензия MIT).