JS Lab 2017_Mapbox GL: как работают современные интерактивные карты_Владимир Агафонкин
1 like659 views
Документ обсуждает работу современных векторных карт, акцентируя внимание на платформе Mapbox и использовании Open Source технологий. Описываются ключевые аспекты, такие как интерактивность, 3D-возможности, а также технологии WebGL для быстрого рендеринга. Также упоминаются протоколы для компактной сериализации данных и инструменты для обработки и загрузки данных.
JS Lab 2017_Mapbox GL: как работают современные интерактивные карты_Владимир Агафонкин
- 1. как работают современные векторные карты Владимир Агафонкин 25.03.2017 GL
- 4. 99% моего кода за время работы в Mapbox — open source
- 19. Тайлы
- 21. OpenLayers
- 22. векторные карты
- 23. MAPS.ME
- 25. GL
- 26. open source
- 30. ~
- 33. полный контроль над отображением данных в реальном времени
- 36. любой объект на карте может быть интерактивным
- 47. меньше трафика
- 48. less bandwidth
- 49. видео на картах
- 54. почему так мало применений WebGL?
- 56. WebGL — 3D API?
- 62. fragment shader преобразовывает цвет пикселей
- 63. отрисовка линий
- 65. антиалиасинг
- 66. 6 треугольников
- 67. атрибуты вершин
- 68. 2 треугольника
- 69. соединения
- 72. триангуляция
- 74. отрисовка текста
- 76. интервалы символов /v4/fontstack/Arial Unicode MS Regular/0-255.pbf /v4/fontstack/Arial Unicode MS Regular/256-511.pbf /v4/fontstack/Arial Unicode MS Regular/512-767.pbf
- 84. icu4c C + Emscripten = JS github.com/mapbox/ mapbox-gl-rtl-text
- 87. Protocol Buffers бинарный формат компактной сериализации данных
- 89. в 3-4 раза компактнее JSON (gzip) в 6-7 раз быстрее JSON.parse
- 92. UI JS браузер залипает на объемных вычислениях UI
- 93. UI Worker JS браузер залипает на загрузке и пересылке данных загрузка данных UI
- 94. UI Worker JS браузер залипает на получении данных загрузка данных UIUI
- 95. UI processing браузер не залипает, если данные в ArrayBuffer loading data UIUImain thread web worker
- 99. R-tree
- 102. Ёханый бабай
- 104. ~
- 106. кластеризация точек
- 109. язык стиля карты
- 111. mapbox.com/studio
- 117. Mapbox GL Native C++11 Android, iOS, macOS, Qt, Node github.com/mapbox/ mapbox-gl-native
- 118. тесты для рендеринга
- 121. mapbox/pixelmatch (JS) mapbox/pixelmatch-cpp (C++) сравнение скриншотов с учетом антиалиасинга
- 122. AppVeyor
- 123. инструменты
- 124. browserify watchify
- 125. ES6 + Bublé
- 126. ESLint
- 130. а что там на стороне сервера?
- 132. Вован, а когда ты сделаешь WebGL рендеринг в Leaflet? ^___^