Генплан Екатеринбурга. Приложение для просмотра изменений на картах 2025 и 2045.
![](https://private-user-images.githubusercontent.com/22644149/260122841-9ec049eb-e0c9-4fce-86bc-bd023634e19a.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzkwMTYwMjMsIm5iZiI6MTczOTAxNTcyMywicGF0aCI6Ii8yMjY0NDE0OS8yNjAxMjI4NDEtOWVjMDQ5ZWItZTBjOS00ZmNlLTg2YmMtYmQwMjM2MzRlMTlhLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMDglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjA4VDExNTUyM1omWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWZmMzZhMzAyMzM3YjgyNGI5NmM4YTc0MDExYTRkYWU0MzJmNTEyOWFlZWU4OTI3MWIzMWFjNDJiMWQyZDViZTImWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.3CEAE2HiV2fZ4Lw64kh91al7cd1v5oUePOFoFlyhr-g)
Просмотрщик помогает работникам местных СМИ и городским активистам просматривать изменения в генплане, не выкачивая десятки .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/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"]
},
// ...
]
-
Установить Node.js
-
Установить зависимости
npm i
- Создать
.env
файл код счётчика Яндекс.Метрики (опционально)
VITE_YANDEX_METRIKA_API_KEY=
- Запустить
npm start
- Алексей Кофман — автор идеи, подготовка планов
- Никита Коновалов — дизайн
- Александр Чабин — разработка
Код просмотрщика может быть использован в любых целях для любых проектов с указанием авторства (лицензия MIT).