Антон Корзунов «Как разместить тысячи объектов на карте без увеличения нагрузки на браузер» Конференция Dump, Екатеринбург, 25 мая 2012 1. Методы передачи данных на клиент. 2. Особенности хранения и выборки геоданных. 3. Механизмы визуализации данных в браузере. Возможности и ограничения. Новые инструменты в API Яндекс.Карт 2.0.

1. Как разместить тысячи
объектов на карте
Антон Корзунов,
разработчик интерфейсов API Яндекс.Карт
DUMP, Екатеринбург, 25 мая 2012

2. API Яндекс.Карт 2.0
1

3. API Яндекс.Карт 2.0
— Быстрее работает
— Кластеризатор
— Метки на canvas
— Активные области
2

4. Для решения некоторых задач
нужно пожертвовать функциями
3

5. Снижаем нагрузку
≈ 20% package.full → package.map
≈ 20% отказ от сложных макетов
≈ 50% overlays напрямую
github.com/theKashey/y2FastOverlay
4

6. Когда данных очень много,
к ним нужен особый подход
5

7. Передача данных одним куском
6

8. Грузим только то, что видно
7

9. Загрузка по границам
8

10. Четкие границы
9

11. Тайлы — наше всё
10

12. Загрузка данных по тайлам
github.com/theKashey/tileLoader
11

13. Весь покрытый метками?
Моря и океаны
Суша
Полезные объекты
2 %
38 %
60 %
По данным TileMill 12

14. Пирамида тайлов
13

15. Тайловая координатная
система
Адрес в пирамиде — 132...
14

16. Раздвигаем границы
15

17. Загрузка данных по пирамиде
github.com/theKashey/quadLoader
16

18. Народная карта
17

19. Пробки
18

20. Фотки
19

21. Активные области
https://github.com/twirl/hsTiler
20

22. Какое решение выбрать
Немного Специально ничего делать
данных не нужно. API справится сам.
Нельзя грузить сразу все.
Очень много
Тайловая загрузка (по пирамиде)
данных или хотя бы по границам.
Много сложных Нужно использовать технологию
данных Активных областей.
21

23. Сайт
http://api.yandex.ru/maps
Клуб
http://clubs.ya.ru/mapsapi/
Документация
http://api.yandex.ru/maps/doc
22

24. Мастер-класс
Завтра, с 10:00 до 13:00
23

25. Вопросы?
Антон Корзунов
kashey@yandex-team.ru
@theKashey
24