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
0
2k
Как разместить тысячи объектов_Антон Корзунов.pdf
kudzev
April 17, 2012
Tweet
Share
Featured
See All Featured
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
30
2.3k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
Fontdeck: Realign not Redesign
paulrobertlloyd
84
5.5k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
227
22k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
656
60k
RailsConf 2023
tenderlove
30
1.1k
Building a Scalable Design System with Sketch
lauravandoore
462
33k
Agile that works and the tools we love
rasmusluckow
328
21k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
32
5.4k
Reflections from 52 weeks, 52 projects
jeffersonlam
349
20k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
160
15k
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