понедельник, 8 мая 2023 г.

Делаем актуальную схему метро Москвы и МЦД

Вообще особого смысла нет в такой схеме, потому как сейчас есть куча приложений со схемами метро, которые знают когда какая станция закрыта на ремонт и потому строят более актуальные маршруты автоматически. Но мне же приятнее по старинке, самому отслеживать станции, чтобы строить маршрут на "аналоговой" карте. Проблем а в том что нормальные изображения схемы метро, давно перестали делать, либо я не могу их найти. Где-то просто метро, а мне нужна еще и МЦД. В общем на помощь пришла онлайн схема МЦД https://mcd.mosmetro.ru/map/desktop/ откуда можно сгенерировать свою карту, о чем я и хочу написать

Как всегда обращаемся за помощью к панели разработчика вашего браузера, обновляем страницу с вкладкой сеть, и среди кучи загруженных файлов можно найти файл в SVG формате: эту карту можно сохранить и открыть, но правда выглядеть она будет так же как и на скрине ниже, без надписей

Чтобы добавить надписи находим на вкладке элементы, элемент карты и видим что это это тоже SVG формат, а это значит что можно просто скопировать код и добавить его к предыдущему файлу:

вставляем скопированное в конец файла, перед закрывающим тегом
Сохраняем и все - карта готова. Но желательно добавить не прозрачный фон, что можно сделать онлайн в редакоре SVG, например, https://drawsvg.org/drawsvg.html 
Кроме того на телефоне, возможно, лучше подойдет png формат и тогда можно так же онлайн преобразовать SVG в PNG но перед этим, стоит еще изменить размер полотна, чтобы качество на выходе было лучше. Изменить можно или в блокноте, или в редакторе SVG, кому-как больше нравится.

Комментариев нет:

Отправить комментарий