Клуб API Карт

Пример проекта: "Уехать надо!"

Пост в архиве.
softshape2
28 февраля 2012, 10:08

Всем привет,

 

спасибо Кате Текуновой из Яндекса, подтолкнувшей меня на рассказ о нашем проекте - возможно, кому-нибудь из вас он будет интересен . Мы только что запустили в Иркутске сервис www.irk.fm/bus типа "машинки бегают по карте" на основе данных по муниципальному транспорту (провайдером данных выступает ВСПЦентр, перевозчиком - Иркутскгорэлектротранс). В отличие от многочисленных аналогов в других городах, мы использовали карту Яндекса. Она правда круче чем гугл или OSM -

- она красивая! Это вообще огромный плюс в любых приложениях, не только транспортных.

- на ней есть Пробки "из коробки". Подключаешь слой и все работает. Мы их повесили на галочку, чтобы можно было включать и отключать, т.к. когда машинок много, начинается визуальный шум.

- она хорошо работает на смартфонах.

Мы использовали все основные объекты карты - метки, балуны - на 100%. Метки представлены несколькими ObjectManager'ами и группами. Очень удобно оказалось задавать диапазоны масштаба для менеджеров - иконки остановок у нас показываются разные для разных масштабов карты. Совершенно неоценимая возможность - темплейты для стилей меток. По карте ездят машины разных типов (трамваи, троллейбусы и т.д.) и с разными номерами маршрутов. Все они выглядят немного по разному. Но использование примерно такого шаблона -

 YMaps.Template('<div class="bus-$[moving] $[tags] offset-$[direction]"><img src="/img/icons/bus/$[route].png"></div>')

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

Естественно, все что можно - кликабельно. Клик на остановке покажет маршруты, идущие через нее, клик на метке трамвая - прогноз прибытия этого маршрута на его остановки.

Мы не использовали сервис Маршрутов просто потому, что он недоступен в API, ну и ладно - информация по маршрутам и остановкам у нас своя, и аналитику по ней мы считаем сами.

Кроме "большого", мы сделали еще "маленький" интерфейс - www.irk.fm/bus/m/. Он больше приспособлен для браузеров iPhone и Android. Там тоже используется карта, правда, ее пришлось несколько допиливать. Обычные кнопки + и - на карте слишком мелкие для сенсорных экранов. Пришлось отрисовать свои кнопки с нуля и перекрыть CSS для них, теперь на мобильной карте кнопки какие надо.

Главное, чего не надо бояться при разработке подобных сервисов - это лицензионного соглашения Яндекс.Карт. Понятно что у всех сервисов могут быть свои тонкости, поэтому я заручился одобрением Яндекса до начала разработки, а не после , чего и всем советую. Главное, что одобрение было получено и теперь проект начал работу.

 

8 комментариев

Приятный отзыв)

Кстати, нашла у вас на картах багу - едет содержимое балуна.

А вот куда отправить скрин не нашла - у вас там страничка "Контакты" пустая.

Там в разделе Инфо написан емайл для баг-репортов - info@irk.fm, можно слать на него. На днях сделаю более оформленный раздел для обсуждения сервиса прямо там, на сайте.

И кстати, если это читает кто-нибудь из разработчиков Яндекса. Мы много чего сделали сами. Но в полном недоумении я был, когда обнаружил отсутствие стилей для мобильного браузера. В нем как минимум иначе выглядят кнопки + и -, они крупнее в 2 раза. Чтобы переопределить их, мне пришлось по кусочкам изучать стили текущих кнопок и переопрелять их свойства, Firebug мне в дышло. А также рисовать их самому, Photoshop мне в зубы. Это единственная пока проблема, связанная с мобильными, но ощущение, что мне оно надо было первому, это очень странное ощущение.

только бабушка-бэтмен в силах вам помочь ))

 http://dimik.ya.ru

Это не бабушка, это дедушка :)

%)) "Если бы у бабушки был ..." (с)

АПИ вообще не очень для мобильных подходит, потому что вышел до мировой айфонизации.

Проблема немного в другом, не только в дизайне ну или в скорости.

Если например посмотреть на Google maps - на мобилах у них zoomControl не только в принципе другой - он еще и в другом месте находится.

"Крупнее в два раза" - это тоже спорно. На retina(iPhone4) надо в 4 раза больше.

Особые "гуру" наверняка уже планируют рисовать контролы в SVG (я правда про таких не знаю)

Простой(ну не совсем простой, да) заменой шаблонов тут не обойдешься.

молодцы, действительно здорово сделано.