Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Как разместить тысячи  объектов на карте               Антон Корзунов,   разработчик интерфейсов API Яндекс.Карт        DU...
API Яндекс.Карт 2.0                      1
API Яндекс.Карт 2.0— Быстрее работает— Кластеризатор— Метки на canvas— Активные области                        2
Для решения некоторых задачнужно пожертвовать функциями                               3
Снижаем нагрузку≈ 20% package.full → package.map≈ 20% отказ от сложных макетов≈ 50% overlays напрямуюgithub.com/theKashey/...
Когда данных очень много,к ним нужен особый подход                            5
Передача данных одним куском                               6
Грузим только то, что видно                              7
Загрузка по границам                       8
Четкие границы                 9
Тайлы — наше всё                   10
Загрузка данных по тайламgithub.com/theKashey/tileLoader                                  11
Весь покрытый метками?           Моря и океаны           Суша           Полезные объекты                                  ...
Пирамида тайлов                  13
Тайловая координатная       система Адрес в пирамиде — 132...                             14
Раздвигаем границы                     15
Загрузка данных по пирамидеgithub.com/theKashey/quadLoader                                  16
Народная карта                 17
Пробки         18
Фотки        19
Активные областиhttps://github.com/twirl/hsTiler                                   20
Какое решение выбратьНемного         Специально ничего делатьданных          не нужно. API справится сам.                Н...
Сайт  http://api.yandex.ru/maps             Клуб http://clubs.ya.ru/mapsapi/        Документацияhttp://api.yandex.ru/maps/...
Мастер-классЗавтра, с 10:00 до 13:00                           23
Вопросы?Антон Корзуновkashey@yandex-team.ru@theKashey                        24
Upcoming SlideShare
Loading in …5
×

Антон Корзунов «Как разместить тысячи объектов на карте без увеличения нагрузки на браузер»

1,401 views

Published on

Антон Корзунов «Как разместить тысячи объектов на карте без увеличения нагрузки на браузер»
Конференция Dump, Екатеринбург, 25 мая 2012

1. Методы передачи данных на клиент.
2. Особенности хранения и выборки геоданных.
3. Механизмы визуализации данных в браузере. Возможности и ограничения. Новые инструменты в API Яндекс.Карт 2.0.

  • Be the first to comment

Антон Корзунов «Как разместить тысячи объектов на карте без увеличения нагрузки на браузер»

  1. 1. Как разместить тысячи объектов на карте Антон Корзунов, разработчик интерфейсов API Яндекс.Карт DUMP, Екатеринбург, 25 мая 2012
  2. 2. API Яндекс.Карт 2.0 1
  3. 3. API Яндекс.Карт 2.0— Быстрее работает— Кластеризатор— Метки на canvas— Активные области 2
  4. 4. Для решения некоторых задачнужно пожертвовать функциями 3
  5. 5. Снижаем нагрузку≈ 20% package.full → package.map≈ 20% отказ от сложных макетов≈ 50% overlays напрямуюgithub.com/theKashey/y2FastOverlay 4
  6. 6. Когда данных очень много,к ним нужен особый подход 5
  7. 7. Передача данных одним куском 6
  8. 8. Грузим только то, что видно 7
  9. 9. Загрузка по границам 8
  10. 10. Четкие границы 9
  11. 11. Тайлы — наше всё 10
  12. 12. Загрузка данных по тайламgithub.com/theKashey/tileLoader 11
  13. 13. Весь покрытый метками? Моря и океаны Суша Полезные объекты 2 % 38 % 60 %По данным TileMill 12
  14. 14. Пирамида тайлов 13
  15. 15. Тайловая координатная система Адрес в пирамиде — 132... 14
  16. 16. Раздвигаем границы 15
  17. 17. Загрузка данных по пирамидеgithub.com/theKashey/quadLoader 16
  18. 18. Народная карта 17
  19. 19. Пробки 18
  20. 20. Фотки 19
  21. 21. Активные областиhttps://github.com/twirl/hsTiler 20
  22. 22. Какое решение выбратьНемного Специально ничего делатьданных не нужно. API справится сам. Нельзя грузить сразу все.Очень много Тайловая загрузка (по пирамиде)данных или хотя бы по границам.Много сложных Нужно использовать технологиюданных Активных областей. 21
  23. 23. Сайт http://api.yandex.ru/maps Клуб http://clubs.ya.ru/mapsapi/ Документацияhttp://api.yandex.ru/maps/doc 22
  24. 24. Мастер-классЗавтра, с 10:00 до 13:00 23
  25. 25. Вопросы?Антон Корзуновkashey@yandex-team.ru@theKashey 24

×