Пеленгация общественного транспорта в любом смартфоне

Наверняка многие из нас знают об интерактивной карте общественного транспорта Одинцово и даже пользовались ею. Удобно, интересно, красиво наблюдать за тем, где и как едет твой автобус или маршрутка. Особенно это полезно для тех отдаленных и не очень уголков района, где транспорт всего один и ходит редко, а в пробках стоит наравне с остальными. На примере Измалково и Переделок могу сказать, что в утренние часы опоздание автобуса/автолайна доходило до 45 (!) минут. Можно нервно и зябко ждать на остановке, а можно, взглянув на карту, понять, что быстрее дойти пешком.

Есть одно «но». У стоящего на остановке пассажира нет с собой полноценного настольного компьютера. А вся красота интерактивной карты превращается в тыкву при попытке открыть карту в браузере смартфона. Не тянет младший брат. Да, есть специальные приложения для смартфонов. Но пока только для Android. Еще есть текстовая версия, аналогичная электронным табло на остановках. Но она не дает полной картины. Например, не показывает автобус, если он стоит на конечной.

И тут возникает мысль. Почему бы не взять карту Яндекс или Google, и не поместить на нее в виде меток координаты автобусов нужного маршрута? С метками всё просто: Яндекс и Google позволяют ставить пользовательские метки на свои карты. А вот как получить координаты? Есть ли у карты транспорта odinbus.ru какой-нибудь интерфейс для считывания координат? С подобным вопросом я обратился по указанному на сайте адресу info@odinbus.ru. Прошло 2 месяца абсолютной тишины в ответ. Что характеризует качество техподдержки, а также бросает тень на и без того уже покрытые пятнами Администрацию Одинцовского района и небезызвестный ОГИ.

Но вернемся к конструктиву. В очередной раз убеждаюсь, что Firefox — неплохой браузер. А именно, если открыть в нем консоль Javascript (Меню Инструменты — Веб-разработка — Веб-консоль — Вкладка «JS»), то можно увидеть, какие запросы делает интерактивная карта к своему серверу:

А если скопировать этот запрос и ввести его самостоятельно в адресную строку браузера (для тех, кто не в курсе — это место, в котором мы набираем «vk.com» или «odnoklassniki.ru»), то получим список автобусов/маршруток и их координаты:

Дело за малым — извлечь координаты и нанести их на карту на своей веб-странице. Но для этого потребуются усилия. А именно, найти бесплатный домен, предоставляющий PHP и междоменные запросы, а затем — написать на PHP обработку запроса к серверу и — на Javascript — отображение результатов в окне браузера. К счастью, нужный сервер нашелся (хотя всего таковых единицы), а освоение PHP в нужном объеме с учетом желанности цели прошло легко, да и само по себе оно полезно.

В итоге получил, что хотел — карту с координатами автобусов практически в любом браузере. Один минус — точки на карте не движутся и не указывают направление движения. Но движение и не понадобилось. При ближайшем рассмотрении оказалось, что на odinbus.ru оно делается чисто программно, а не отражает реальность — при получении от сервера новых координат карта плавно передвигает автобус в нужную точку. А получение координат происходит лишь раз в 30 секунд. Поэтому, если мы сами будем опрашивать сервер, наши координаты будут актуальнее odinbus-овских. Достаточно просто обновить веб-страницу в браузере. И еще один момент следует учесть. На сервере координаты также появляются с небольшим опозданием — автобус к этому моменту может уехать на пол-остановки дальше. Но с этим мы можем только смириться. Что касается направления движения, то из ответа сервера оно совсем не очевидно, особенно когда автобус стоит. Поэтому вместо него я использую идентификатор маршрута — он в odinbus разный в зависимости от направления. Общее правило таково: четный ID — из Одинцово / от станции, нечетный — в Одинцово / на станцию. Например, на рисунке видно, что оба 339-х автобуса едут на станцию Одинцово (ID маршрута = 3).

Вы можете настроить карту под собственные нужды. Для этого к адресу веб-страницы карты нужно добавить параметры в следующем виде:

Например, если нужно показать карту размером 700×500, то запрос будет таким:

Еще один пример — показать только маршрут 339:

В этом запросе перечислены идентификаторы маршрута 339: 2 и 3 (2 — направление из Одинцово, 3 — в Одинцово). Чтобы узнать, какие ID у вашего маршрута, нажмите на сайте odinbus.ru кнопку «Маршруты», затем выделите нужный и откройте консоль Javascript, как описано выше. В запросах вы увидите фрагмент типа «2;0|3;0» — это и есть идентификаторы вашего маршрута (2, 3). Можно выделить сразу несколько маршрутов.

Полный список параметров описан в таблице. Но задавать все параметры совсем не обязательно. Скорее всего, вам нужно будет указать только идентификаторы вашего маршрута. А все неуказанные параметры задаются автоматически по умолчанию.

А если кому интересно самостоятельно повозиться с программированием, то прилагаю файл программы на PHP-Javascript. В качестве хостинга рекомендую eu5.org — PHP, MySQL, междоменные запросы и другое вы получите за бесплатно .

Всем счастливых путешествий!