Die Zukunft der Web-Kartographie ist 3D – und sie läuft im Browser 👀

🌐 Mit WebGL2 & WebGPU gestalten wir bei #MapComponents die nächste Generation aktiv mit – zwei neue Pakete:

1️⃣ https://deck.gl – GPU-Visualisierung, 3D-Tiles & Heatmaps
2️⃣ Three.js – Animationen, .glb/.obj & Gaussian Splats

🗺️ Digitale Zwillinge & 3D-Stadtmodelle mit deklarativen React-Komponenten – einfach & performant!

👉 https://wheregroup.com/blog/details/neue-dimension-fuer-mapcomponents-deckgl-und-threejs-erweitern-die-bibliothek/

#DeckGL #ThreeJS #WebGPU #OpenSource #GIS

The future of web cartography is 3D – and it runs in the browser 👀

🌐 We're shaping the next generation of web mapping with WebGL2 & WebGPU – two new packages for #MapComponents:

1️⃣ deck.gl – GPU rendering, 3D Tiles & Heatmaps
2️⃣ Three.js – Animations, .glb/.obj & Gaussian Splats

🗺️ Digital twins & 3D city models with simple, declarative React components!

👉 https://wheregroup.com/blog/details/neue-dimension-fuer-mapcomponents-deckgl-und-threejs-erweitern-die-bibliothek/

#DeckGL #ThreeJS #WebGPU #OpenSource #GIS

Большие данные для карт в реальном времени. Inception

Возникла необходимость зафиксировать опыт с последнего проекта по прокачке производительности картографического сервиса. Так сказать, чтобы 2 раза не вставать при передаче опыта. И начнём с постановки, чтобы сразу определиться с аудиторией, кому мимо, а кому больше узнать как "прожевывать" и отображать на UI от 100К объектов в секунду и не лагать. Ну а кто-то вообще не в танке про картографические сервисы и хочет "на борт". Что вас ждёт по катом. 1. MapTiler/Maplibre - картографический провайдер и UI фрэймворк для работы с ним. 2. Создание своих слоёв данных на карте. 3. Рендеринг большого объёма данных на WebGL/WebGPU. Начнём от 100К. 4. Оптимизация рендеринга с ручной подготовкой буферов для GPU. 5. Обновление данных слоя в realtime. Начнём молотить от 1M объектов. 6. Сериализация данных в ArrayBuffer для передачи напрямую в GPU. Прокачать перформанс

https://habr.com/ru/articles/922388/

#Карты #производительность #большие_данные #maplibre #deckgl

Hamburg in 3D with #MapComponents!

Our 3D Tiles Layer demo showcases Hamburg’s LoD3.0 city model on a #MapLibre map. Thanks to the GPU-powered #deckgl Tile3DLayer, even large 3D datasets are rendered smoothly.

🔹 Seamless #deckgl & #MapLibre integration
🔹 Efficient 3D data visualization
🔹 Highly flexible for custom adaptations

👉 Try it now: https://catalogue.mapcomponents.org/de/component-detail/3dTilesLayer
🌍 Data: https://www.hamburg.de/politik-und-verwaltung/behoerden/behoerde-fuer-stadtentwicklung-und-wohnen/aemter-und-landesbetrieb/landesbetrieb-geoinformation-und-vermessung/produkte-und-dienstleistungen/geodaten-des-lgv/3d-stadtmodell-244116

#3DTiles #GIS #OpenSource #WebGIS #Geospatial

#PointCloud on the world map – now live with #MapComponents!

Our new demo shows how a point cloud can be placed on a map and dynamically adjusted. With the GPU-powered https://deck.gl PointCloudLayer and seamless MapComponents integration, analyzing large data sets is effortless.

🔹 Dynamic PointCloud customization
🔹 Connecting #deckgl with MapLibre
🔹 Full compatibility with MapComponents

👉 Try it now: https://catalogue.mapcomponents.org/de/component-detail/PointCloud
📚 Learn more: https://github.com/mapcomponents/react-map-components-apps/tree/main/pointcloud

So much has happened in the last 3 months :) We have released many exciting tools for 3D on web maps or multi-screen working - like the "PointCloud on World Map" or the "3D Tiles Layer Demo". And quite impressive (at least technically, if not visually) is the "Multi-Tab Demo".

1. https://catalogue.mapcomponents.org/en/component-detail/PointCloud
2. https://catalogue.mapcomponents.org/en/component-detail/3dTilesLayer
3. https://catalogue.mapcomponents.org/en/component-detail/MultiTab

All open source and available on Github: https://github.com/orgs/mapcomponents

#OpenSource #webgis #3d #pointcloud #3dtiles #deckgl #MapComponents

Wouldn't it be nice to visualize and explore S2 cell hierarchies for a given point on an interactive globe, I thought...

Here's using #Deck.gl's S2Layer on a @maplibre map.
Turns out quite useful I think, but there's still some work to be done to fully support globe views in Deck.gl (https://github.com/visgl/deck.gl/issues/9199).

Code for this:
https://codeberg.org/tim-salabim/snippets/src/branch/main/visusalize_s2_cells_globe.R

Pinging @paleolimbot and @edzer

#rstats #rspatial #deckgl #maplibre

Since I've recently quit my job, I've enabled github sponsors now. Without any expectations, let's see if I can make a living as an #rstats #rspatial #whateverspatial opensource developer 🤔

https://github.com/sponsors/tim-salabim

Thanks to inspiration by @kylebarron I am currently deep diving into #deckgl and #geoarrow to enhance the geo-spatial visualisation toolkit available in #rstats #rspatial...

🗺️ Alrighty, here's a demo mini-site "Deck.GL with Google Maps Photorealistic 3D Tiles demo - lighting with shadows and post-processing effects" https://cheeaun.github.io/photorealistic-3d-deckgl/

🛸 Source code: https://github.com/cheeaun/photorealistic-3d-deckgl
🧵 Previous WIP thread: https://mastodon.social/@cheeaun/110350467119926665

#GoogleMaps #Photorealistic3DTiles #DeckGL