Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Как разместить тысячи объектов_Антон Корзунов.pdf
Search
kudzev
April 17, 2012
2.1k
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Как разместить тысячи объектов_Антон Корзунов.pdf
kudzev
April 17, 2012
Featured
See All Featured
Optimising Largest Contentful Paint
csswizardry
37
3.9k
Taking LLMs out of the black box: A practical guide to human-in-the-loop distillation
inesmontani
PRO
3
2.4k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
25
2k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
508
140k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
659
62k
Bootstrapping a Software Product
garrettdimon
PRO
306
120k
Being A Developer After 40
akosma
91
590k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
3.5k
The Power of CSS Pseudo Elements
geoffreycrofte
82
6.5k
The Illustrated Children's Guide to Kubernetes
chrisshort
51
53k
Imperfection Machines: The Place of Print at Facebook
scottboms
270
14k
Noah Learner - AI + Me: how we built a GSC Bulk Export data pipeline
techseoconnect
PRO
0
410
Transcript
Как разместить тысячи объектов на карте Антон Корзунов, разработчик интерфейсов
API Яндекс.Карт CodeFest, Новосибирск, 31 марта 2012
2
Геосервисы — это не просто карты 2
3 Хранить Передавать Показывать В рабочей системе
4 МНОГО ДАННЫХ Хранить Передавать Показывать В рабочей системе
5 Как показывать Как передавать Как хранить Проектируем
Как показать 6
7 + Это самое простое решение − Браузер может умереть
− Пользователь расстраивается Показать всё
8 Меняем способ отображения 1. Кластеризация 2. Рисуем на сервере
3. Метки на canvas
9 Кластеризация
10 Рисуем на сервере
11 Отображать только то, что видно 1. Object Manager 2.
???
Как загрузить 12
13 + Это очень просто − 100500 МБ Грузим все
в один запрос
14 + Только то, что нужно − Кэш − Постоянное
перестроение Грузим по границам
15 Грузим по границам
16 Четкие границы
17 Четкие границы
18 Тайлы — наше всё
19 Пирамида тайлов
20 + Только то, что нужно + Кэш + Инкрементальная
догрузка + Пиксельные координаты − Много запросов Четкие границы: тайлы
21 Раздвигаем границы
Как хранить 22
23 + Естественно − Земля круглая, − а карта квадратная
Широта-долгота
24 + Квадратной земле — − квадратные координаты + Простое
преобразование − в тайлы Pixels
Адрес в пирамиде — 132... 25 Тайловая координатная система
26 Нативно реализуется через QuadTree
27 Где хранить 1. SQL 2. NoSQL 3. Другое
http://clck.ru/0xOoL 28 Активные области
29 Фотки
30 Пробки
31 Народная карта
http://github.com/twirl/hsTiler 32 HsTiler
All Bounds Hotspots QuadTree Мало точек + + ++ +
Много точек − + ++ ++ Везде разное число точек − + + ++ Статика + + ++ ++ Динамика + + − + Картинки − − ++ + 33 Выбор решения
Сайт http://api.yandex.ru/maps Клуб http://clubs.ya.ru/mapsapi/ Документация http://api.yandex.ru/maps/doc 34
Вопросы? 35 Антон Корзунов
[email protected]
@theKashey