Документ обсуждает проблемы и решения, связанные с отображением множества меток на картах в API Яндекс.Карт. Рассматриваются варианты улучшения дизайна меток, группировка объектов и возможность создания активных областей для повышения удобства пользователей на мобильных устройствах. Также затрагиваются моменты печати карт и геотаргетинга для улучшения пользовательского опыта.

1. Карта.
Проблемы, решения,
фишки
Андрей Кармацкий
karma@yandex-team.ru

2. API Карт – инструментарий
!"#$%&'($)$*(+$,-./0$1&2+'$
314('56-1(+7$8.9$7-2:'&;'&2+(<3=+7$
@C;9:D& '()&@AB014&
<#=#!%>?,"&'()&
!"#$%&'()&
897:7;91&
/012134560471&
*+#,-+.&

3. Много меток
Показать сразу много объектов на карте: проблема.
Варианты решения:
• дизайн меток,
приоритезация по
масштабам
• группировка объектов
• активные области (значки
на тайлах)

4. Много меток
Часть меток сделать маленькими.
Яндекс.Карты: [аптека]

5. Много меток
Групповые метки
uarealt.com.ua/find/

6. Активные области
То что поедает память браузера – растеризовать.
2 слоя тайликов:
- картинки с метками
- кликабельные области
• много значков (развязки)
• сложные формы (пробки,
слой панорам, фоток)

7. Много меток
Активные области в действии
bankomator.ru

8. Много меток в точке
Иногда случается, что нужно поставить
много меток в одну точку.
• «Ромашка»
• Групповая метка

9. Дизайн меток
• Попроще
форма
• В одном стиле
• Можно брать у
нас

10. Мобильная версия
Мобильный интернет развивается, пользователи всё чаще
приходят на сайты с мобильного устройства.
• Мобильный дизайн сервиса
• «Мобильная определялка»
• JS API поддерживает touch-
девайсы
• а там, где нет поддержки
JavaScript: StaticAPI
Пример: bit.ly/ymtouch

11. Печать карты
В Яндекс.Картах ~5% печатают на бумаге
• ~40% говорят, что для них
важна распечатка (TNS)
• не все браузеры не умеют
хорошо печатать JS объект с
картой
Static API – карта в виде обычной кратинки

12. Всё настраивается
Элементы управления картой и объекты на ней можно
настроить как угодно.
mogemvse.ru

13. Где моя, пицца?
Можно полигонами отметить зоны доставки,
места откуда заберёт вас такси и т.п.

14. Выбор региона
Список с регионами – скучно!
Можно сделать карту.
vs.
Модуль «Реигоны»

15. Пользователь, ты где?
• Простой
геотаргетинг по
IP (в составе API)
• Geolocation API

16. Просмотр больших
картинок
Очень часто люди изобретают «велосипед»
и пишут свой «движок» для просмотра больших картинок
4kazan.ru

17. Пробки
Модуль «Пробки»

18. Схема офиса

19. Можно даже так
posrs.ru

20. Спасибо!
Сайт: api.yandex.ru/maps/
Клуб: clubs.ya.ru/mapsapi/
@yandexmaps
karma@yandex-team.ru
@karmatsky