🚇 Метро Москвы — интерактивная карта

Открыть сайт →

Карта московского метро на настоящей карте города. На ней 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

Данные и лицензии

• Станции и линии — Викиданные (CC0), глубина, тип и старые названия — Википедия (CC BY-SA 4.0).
• Фото станций — Wikimedia Commons. Автор и лицензия каждого фото указаны под ним в карточке.
• Карта города — © участники OpenStreetMap, библиотека карты — Leaflet.
• Значки солнца и луны — Lucide (ISC).

Время в пути примерное: оно считается по расстоянию между станциями, а не по расписанию.