shoorick

Недавняя запись в ЖЖ-сообществе «Челябинский Челябинск» напомнила, что хотел я как-то собрать рельеф с дорогами на одной карте. Хотел — сделал.



Сделано при помощи Maperitive — он кроссплатформенный (хоть и выглядит по-виндовому), написан на питоне, падает часто. ( Делаем так )

Челябинск.ру сообщает предстоящих работах по расширению проезжей части моста над железной дорогой уфалейского направления:
Участок Свердловского тракта временно закроют для троллейбусов

15 ноября начнутся работы по переустройству троллейбусной линии на Свердловском тракте. С 8 часов воскресенья до 5 часов понедельника будет ограничено движение автотранспорта по восточной стороне Свердловского тракта от улицы Куйбышева до улицы Автодорожной и закрыто движение троллейбусов по Свердловскому тракту от Комсомольского проспекта до улицы Черкасской... С 10 часов 17 ноября до 18 часов 20 ноября планируется ограничить движение автомобильного транспорта по восточной стороне Свердловского тракта от улицы Куйбышева до улицы Автодорожной.

То есть, троллейбус не будет ходить от поворота на Северо-Запад до поворота на ЧМЗ:



На день нарушится связность сети, и троллейбусы из центра не смогут прийти в единственное оставшееся депо — а других уже нет, ни первого, ни третьего. Я, кстати, что-то не помню, где же троллейбус разворачивается, если ему с ЧМЗ надо уйти в депо — ни на Google Street View, ни на Яндекс.Панорамах лишних проводов в том районе не видно. Выходит, для разворота надо либо гнать троллейбус аж до Алого Поля — это 7,5 км в одну сторону и столько же назад, либо выгонять из депо какой-нибудь тягач — КрАЗ иль «Урал», чтоб он мог развернуть троллейбус без лишней езды.

http://shoorick.ru/2015/11/12/no-trolleybus-151115/, карта — OpenStreetMap

На сайте Ильменского фестиваля теперь используется правильная карта — её можно двигать и масштабировать, включать отображение нужных маркеров и кликать по ним, чтоб получить подсказку.



Карта — OpenStreetMap, стиль отображения — свой собственный на основе OSM Bright, отрисованный с помощью TileMill, иконки — The Map Icons Collection. Библиотека для отображения — Leaflet c плагинами Leaflet-hash и Leaflet.fullscreen.

Схема с ёлками, если кому-то всё-таки нужна, спрятана под ссылкой, чуть ниже карты. Кроме того, при клике на кнопку с ромбами можно включить наложение этой схемы на карту.

http://shoorick.ru/2015/07/04/interactive-map/

Пару лет назад я пробовал рисовать карты из данных OpenStreetMap при помощи Maperitive — и даже что-то говорил об этом в докладе на UWDC-2013. Что понравилось ещё тогда — возможность «из коробки» отображать рельеф: Маперитив умеет сам ходить в сеть за открытыми данными о рельефе (SRTM) и потом строить из них контуры горизонтали и рисовать отмывку.

В воскресенье, когда гулять не было возможности, а делать что-то полезное не было желания, вспомнил я прошлые свои упражнения и решил сделать хоть что-то полезное — например, позиционную карту для википедии. Позиционными картами там называют такие карты, на которые потом легко можно нанести метки, указав координаты в виде широты и долготы. Подобные карты, как выяснилось, создать достаточно просто: надо лишь взять изображение, и указать для него необходимые данные, чтоб понятен был способ пересчёта координат. Поддерживаются несколько типов проекций карт, по умолчанию используется равноугольная цилиндрическая проекция — как раз такая, как в OpenStreetMap, для карт в этой проекции достаточно указать лишь широту верхнего и нижнего краёв и долготу левого и правого.

У меня не получилось сразу в Маперитиве получить карту такого вида как мне надо: реки текли поверх водохранилищ и водоёмы никак не хотели с административными границами сочетаться. Потратив немного времени на чтение документации и безуспешные эксперименты, пошёл другим путём: сделать пару отдельных карт — с границами и водами — да и собрал их воедино в Inkscape. Маперитив умеет экспортировать карты в SVG. Вот уменьшенный фрагмент того, что вышло:



Шаблон с картой лучше делать не по инструкции — там образец неправильный. Лучше взять за образец какой-нибудь существующий шаблон и слегка его поменять: надо изменить координаты границ карты, её названия и имена используемых файлов. Если речь идёт об изготовлении карты актуального состояния существующей местности (то есть, мы рисуем не историческую карту и не карту вымышленного мира), то имеет смысл нарисовать несколько карт одной и той же области, хотя бы две: физическую и политическую/административную — википедия позволяет выбрать нужную карту из шаблона как вручную, так и автоматически: например, в географических статьях (о реках, озёрах, горах) автоматически отображается физическая карта, если она есть.

Пример статьи с этой картой — Шемаха (приток Уфы). В статье Шемаха (Челябинская область) используется тот же самый шаблон, но карта там уже другая — административная.

http://shoorick.ru/2014/10/28/map-with-relief/

В марте я рисовал для википедии челябинскую трамвайную схему при помощи TileMill, однако как выделить трамвайные пути самим тайлмиллом, я не знал. Пришлось тогда экспортировать схему в SVG и затем редактировать полученный SVG-файл в Inkscape, вручную выделяя нужные рельсы и меняя им внешний вид.

На самом деле в том, чтоб TileMill нарисовал трамвайные пути, нет особо хитрой магии. ( И сейчас расскажу, как нарисовать их, не беря в руки красный маркер )
Результат:



Для того, чтоб убедиться в работоспособности метода, этого вполне достаточно.

Бросается в глаза отсутствие подсветки на мостах — связано это с тем, что слой #bridge находится выше, чем #roads_high. Возможный способ решения — завести свой слой железных дорог (а для этого надо уже́ лезть в imposm-mapping.py, но теперь это не страшно), поместить его выше слоя с мостами и написать для железнодорожного слоя свои стилевые правила.

http://shoorick.ru/2014/10/07/tram-sshema-tilemill/

Аргументы и факты — Челябинск: На время проведения ЧМ по дзюдо в Челябинске вводится ограничение движения:

Улицы северо-запада и центра Челябинска будут перекрывать в связи с проведением в столице Южного Урала Чемпионата мира по дзюдо, сообщили в городском ГИБДД.

Ограничение движения в разное время коснется улиц Труда, Северокрымской, Братьев Кашириных, Салавата Юлаева, Воровского, Доватора, Энгельса, Молодогвардейцев, Лесопарковой, Худякова, Чичерина, 250 лет Челябинска, Комсомольского проспекта, проспекта Ленина, Красной.

Конкретные даты и места не указаны. Если отметить все перечисленные улицы, получится так:

http://shoorick.ru/2014/08/21/judo-roads/

«Новый регион» сообщает:

7 мая с 19 до 22 часов будет закрыто движение по проспекту Ленина от Свердловского проспекта до улицы Свободы и по улице Воровского от Свердловского проспекта до проспекта Ленина.

9 мая движение будет закрыто с 10 часов утра и до окончания парада (примерно до 13 часов 30 минут) на участках:
– по проспекту Ленина от Свердловского проспекта до улицы Свободы;
– по улице Тимирязева от Свободы до Свердловского проспекта;
– по улице Воровского от Тимирязева до проспекта Ленина;
– по улице Цвиллинга от улицы Карла Маркса до проспекта Ленина.

На время праздничного фейерверка движение будет закрыто с 20 часов до 23 часов 30 минут на участках:
– по улице Цвиллинга от проспекта Ленина до улицы Труда;
– по улице Кирова от улицы Труда до проспекта Победы;
– по улице Братьев Кашириных от улицы Северо-Крымской до улицы Российской;
– по Свердловскому проспекту от проспекта Победы до проспекта Ленина;
– по улице Труда от улицы Российской до Свердловского проспекта.

Несмотря на заголовок, никакой схемы в новости нет. Придётся сделать самому. Красным отмечены перекрываемые участки.

• 7 мая вечером.
• 9 мая утром.
• 9 мая вечером.

http://shoorick.ru/2014/05/07/no-traffic/

Для вставки использующих библиотеку Leaflet подвижных карт на сайт, работающий под управлением вордпресса, есть разные пути: можно, например, вставить нужный HTML-код прямо в текст страницы — оно будет работать (вот пример), но ковыряться в коде каждый раз, когда нужна карта — неудобно. Такой метод подойдёт лишь тогда, когда надо вставить одну карту и забыть о ней.

Если же карт много, можно воспользоваться монстрообразным плагином Leaflet Maps Marker — он многое умеет, но страшен. Меня пугает обилие кнопочек, ссылочек и призывов перейти на платную версию.

Нужен способ, позволяющий в удобном виде описывать карту и куда-нибудь эту карту вставлять. Питерский осмер Илья Зверев несколько дней назад написал библиотеку MapBBCode для встраивания карт на форумы. На форумах для форматирования текста часто используют команды разметки вида [tag]text[/tag], действующие аналогично тэгам языка HTML, основное их отличие, бросающееся в глаза — квадратные скобки вместо угловых. Подобный код используется и для описания карты в MapBBCode.

Такие же коды применяются и в вордпрессе — с их помощью можно, например, вставлять на страницы аудиозаписи, видеоролики, фотогалереи — подобная функциональность есть в могучем плагине Jetpack. Можно и карты вставлять — так сделано в уже упоминавшемся Leaflet Maps Marker.

Я попробовал минувшей ночью написать свой плагин — получилось. Теперь для того, чтоб вставить карту, достаточно написать

[map]55.16473,61.32601[/map]

вместо этого кода отобразится карта.

Исходный код — https://github.com/shoorick/mapbb-wordpress, ZIP-архив — https://github.com/shoorick/mapbb-wordpress/archive/master.zip.

Челябинск.ру сообщает, что с понедельника изменится маршрут десятого троллейбуса: вместо ПКиО он пойдёт на Северо-Запад, по улицам Энгельса, Труда, Братьев Кашириных, Молодогвардейцев и Комсомольскому проспекту до улицы Молдавской. В общем, зигзагом пойдёт.