🚇 Метро Москвы — интерактивная карта
Открыть сайт →
Карта московского метро на настоящей карте города. На ней 272 станции и 16 линий (без МЦК и МЦД).
Нажмите на станцию, чтобы узнать о ней подробности, или проложите маршрут между двумя станциями.
Что умеет
- Карточка станции: фото, дата открытия, глубина, тип, история названий и пересадки.
У кросс-платформенных станций (Кунцевская, Парк Победы…) показаны даты открытия обеих линий, у реконструированных (Каховская, Варшавская…) — дата повторного открытия.
- Маршрут с пересадками и примерным временем в пути. Линия маршрута рисуется на карте от начала к концу, а шаги появляются в списке по мере того, как она до них доходит.
- Поиск станции со значками линий. Ищет и по старым названиям: «Выставочная» найдёт «Деловой центр».
- Подсказки «в какой вагон садиться». Открытых данных об этом нет, поэтому подсказки вносятся вручную в
data/cars.json.
- Светлая и тёмная темы. Тема подстраивается под настройки компьютера, а по кнопке переключается кругом от кнопки, как в Telegram.
- Плавная карта. При перелёте между станциями не появляются серые пустые места, а карту нельзя увести дальше Московской области.
Как запустить у себя
Нужен Python 3.
python3 -m venv venv
venv/bin/pip install -r requirements.txt
venv/bin/python app.py
Откройте http://localhost:8000.
Сам сайт статический: маршрут ищет браузер, поэтому сайт работает на GitHub Pages. А app.py готовит для него данные: собирает data/site.json (станции, линии и граф метро) из файлов в data/ и запускает сайт локально.
После правок в data/ запустите app.py заново и закоммитьте обновлённый data/site.json.
Структура
index.html разметка страницы
static/map.js карта, карточка станции, поиск, маршрут (алгоритм Дейкстры), темы
static/style.css стили; цвета светлой и тёмной темы — переменные в начале файла
static/logo.svg логотип и значок вкладки
data/site.json всё, что читает сайт (собирает app.py)
data/stations.json станции и линии (собирает tools/fetch_data.py)
data/manual.json ручные правки данных — важнее того, что пришло из интернета
data/cars.json подсказки «в какой вагон садиться»
app.py собирает data/site.json и запускает сайт локально
tools/fetch_data.py скрипт, который собирает stations.json из Викиданных, Википедии и Commons
Данные и лицензии
Время в пути примерное: оно считается по расстоянию между станциями, а не по расписанию.
