Search
32 results for “mapcomponents”
-
MapComponents – Next Generation #WebGIS kennenlernen! 💪
Von 3D-Tiles über https://deck.gl bis Gaussian Splats – Martin Alzueta zeigt, wie leistungsfähig moderne Web-Kartographie mit #MapComponents ist.
💡 In unserer FOSS Academy-Schulung lernen Sie hands-on:
• Grundkomponenten & Hooks
• Layertypen & Datenimport
• Interaktivität & Hintergrundkarten📅 21.–22. April & 22.–23. September 2026
Anmeldung:
https://foss-academy.com/schulungen/mapcomponents/ -
From map to physical object – with AI & #MapComponents 🖨️
🔍️ Tobias Weber built a browser-based app turning #OpenStreetMap data + Terrain-RGB into 3D-printable models – no backend needed!
⚙️ Powered by:
• @mapcomponents/react-maplibre for 2D selection
• Three.js for rendering & export
• WebAssembly for geodata processing💡 Even a 3MF export via Claude Opus – enabling direct import into Bambu Studio!
👉 https://www.wheregroup.com/ueber-uns/blog/3d-openstreetmap-karten-aus-dem-3d-drucker
-
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!
-
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!
-
Arbeiten bei der WhereGroup heißt Teamspirit & Sport! 💪
Unser Running Contest (gestartet am 20.05.) basiert auf unserem #MapComponents-Framework: Mitarbeitende tragen ihre Kilometer ein & sehen Leaderboard, Fortschritt & Durchschnitt pro Person am jeweiligen Standort. 🏃♀️📊
Azubi Jannik hat WebGIS-Dependencies, das Backend (Symphony, SQLite) & Hash-Login aktualisiert – unser Hamburger Standort ist jetzt auch dabei. 🔧
Mehr Infos & Beispiel: https://mapcomponents.github.io/react-map-components-apps/running_contest/
-
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 -
Multi-Tab – Rethinking GIS with MapComponents!
Our Multi-Tab demo shows how MapComponents visualizes geospatial data in a table and on a map across synced browser tabs.
🔹 Real-time sync – Selection in one view updates the other
🔹 Powered by PWAs – Uses the Broadcast Channel API for seamless communication
🔹 Perfect for multi-monitor setups – A desktop GIS experience in the browser👉 Try it now: https://catalogue.mapcomponents.org/de/component-detail/MultiTab
-
#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 -
WASM (WebAssembly) is not directly a topic of MapComponents itself, but we do use it together.
In one of our projects we created a very interesting solution to use a C++ script with MapComponents to compute a most complex routing request with absolutely amazingly low calculation costs.
Our colleague Martina Alzueta wrote a blog article about our experiences with using WASM in MapComponents -> https://wheregroup.com/blog/details/webassembly-revolutioniere-web-gis-mit-unbegrenztem-potenzial/
#wasm #webassembly #MapComponents #blog #webgis #softwaredevelopment
-
The code for this component can be found on GitHub at the following address: https://github.com/mapcomponents/react-map-components-apps/tree/main/multi_tab
and you can have a look at the demo from the screen recording here: https://catalogue.mapcomponents.org/en/component-detail/MultiTab
-
Do you work with large data sets that span multiple columns? At the same time you need to see the location of this data on a map?
#MapComponents can help you with this in a very convenient way, using two separate browsers, each of which can be placed on a different monitor.
Both browsers can still communicate with each other. Selecting a dataset in the table will highlight and zoom the dataset on the map. The table can also show only the data currently visible on your map.
-
The point cloud component of MapComponents is now able to adjust the view on the fly.
Do you have some point clouds of a factory console with pipes and valves overlapping each other? Now you can control the size of the points or the colour of the elements to make the 3D visualisation more workable for you.
The following example of our office was achived with a mobile phone recording. easily and quickly done in real position on the map with #MapComponents.
-
Did you know that we have written a couple of quite extensive blog articles about the possibilities of using mapcomponents or about the basics of developing with mapcomponents?
You can find it at the following address: https://wheregroup.com/blog/?tx_news_pi1%5BoverwriteDemand%5D%5Btags%5D=79&cHash=faac4411887bb7f2f89f63bde701dc61
We are already in the process of working on the next two articles :)
#OpenSource #MapComponents #WebGIS #howto #blog #softwaredevelopment
-
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/MultiTabAll open source and available on Github: https://github.com/orgs/mapcomponents
#OpenSource #webgis #3d #pointcloud #3dtiles #deckgl #MapComponents
-
Heute #MapComponents als offlinefähige PWA Webseite auf der #Where2B in Bonn. @mapcomponents
@wheregroup -
We've just published a manual for #Developers for the #MapComponents, and we couldn't be more excited! This is just the next step for an even better #OpenSource community. We can't wait to hear your thoughts and ideas on how to use MapComponents to its fullest potential. Check it out here: https://mapcomponents.github.io/developer-manual/ #webgis #geoinformatics
-
Wir stellen Ihnen hier eine weitere Komponente unseres Baukastens vor. Die useCameraFollowPath-Component wird mit den Koordinaten der erstellten Linie konfiguriert und fährt diese dann mit der Kamera ab. Einstellungsmöglichkeiten für Geschwindigkeit, Initiale Zoomstufe und End-Zoomstufe sind ebenfalls vorhanden.
Mehr dazu und weitere Komponenten gibt es im Katalog: https://catalogue.mapcomponents.org/de/
-
We've got some great news to share! We've just received our 100th GitHub star, and we couldn't be more thrilled. Check out our latest achievement at https://github.com/mapcomponents/react-map-components-maplibre #OpenSource #GitHub #mapcomponents #gis #webgis
-
Neuer Blog-Artikel mit #MapComponents als ein Unterthema im Rahmen des Berichts über die #fossgis2024 und den #OpenSource Beiträgen der @wheregroup
https://wheregroup.com/blog/details/das-wheregroup-team-auf-der-fossgis-konferenz-2024-in-hamburg/
-
New changes at #MapComponents! 🗺️
In the course of the 1.0.0 version we have just upgraded @maplibre from version 2.4 to 4.0. ⚙️
We are currently busy testing the new changes, especially in the protocol handler. ✅
We will be back soon with new information on version 1.0.0! 👀
In the meantime you can test our components: https://catalogue.mapcomponents.org/
-
NEU im WhereGroup Blog: 📝
In unserem neuesten Blogartikel zeigen Ihnen unsere Kollegin Eva-Marie Schürg und Tobias Weber anhand von einem anschaulichen Beispiel, wie Kartendienste mit Progressive Web Apps (PWAs) und @mapcomponents zuverlässiger werden. 🗺
Außerdem geben wir Ihnen die Möglichkeit, eine Demo-PWA zu testen. 👨🏻💻
Jetzt reinlesen:👇️
https://wheregroup.com/blog/details/progressive-web-apps-mit-mapcomponents/ -
Nur noch 1 Monat bis zur @FOSSGIS_konf 2024!
Sie wissen noch nicht, welche Vorträge Sie hören wollen? Hier finden Sie eine Liste unserer Beiträge: https://wheregroup.com/unternehmen/aktuelles/details/fossgis-2024-dieses-mal-in-der-hansestadt-hamburg/
Themen sind unter anderem: #QGIS, #MapComponents, #Mapbender, #OpenStreetMap uvm.!
#FOSSGIS #FOSSGIS24 -
Mobile Karten offline nutzen? Mit PWAs und MapComponents kein Problem! 🚀
Martin Alzueta zeigt am 12. Dez. auf der #Where2B, wie Offline-Karten, Caching & plattformunabhängige Nutzung funktionieren.
📍 Vor Ort in Bonn oder digital dabei sein!
👉 Programm & Anmeldung: https://where2b-conference.com/
-
Running Contest Update: 1.234 von 1.711 km geschafft! 🏃♂️💨
Über 70% der Strecke zwischen Bonn, Berlin, Freiburg & Hamburg sind gelaufen! Von Jogging bis Wandern - jeder Schritt zählt. ⛰️
Ein besonderes Dankeschön an unseren Azubi Jannik für die Modernisierung unserer MapComponents-App! 💪
Demo: https://catalogue.mapcomponents.org/en/component-detail/AppRunningContest
#RunningContest #WhereGroup #MapComponents #Teamspirit @mapcomponents
-
Performantes 3D-#WebGIS: Digitale Zwillinge im Browser 🌐
👀 LOD2-Gebäudemodelle flüssig im Web? Tobias Weber entwickelt auf der #FOSSGIS2026 Schritt für Schritt eine moderne 3D-Architektur:
• https://deck.gl & MapComponents für performantes Rendering
• Echte BKG-Daten via #3DTiles
• Navigation, Layer-Steuerung & Objektabfragen❗️Grundkenntnisse in JavaScript erforderlich.
📅 Do, 26. März | 16:45 Uhr
📍 Raum WS2 (VG 1.103) -
Sie möchten eine PointCloud mit CloudCompare bearbeiten, wissen aber nicht, wie Sie starten?☁️
Unser Azubi Jannik hat genau dafür ein leicht verständliches Tutorial geschrieben!
Von der Installation unter Linux bis zum Zuschneiden, Einfärben und Speichern Ihrer Punktwolke – alles Schritt für Schritt und mit vielen Screenshots. Perfekt für alle, die mit 3D-Daten arbeiten wollen. 🗺️Jetzt im Blog lesen: 👇
https://wheregroup.com/blog/details/verarbeiten-einer-pointcloud-mit-cloudcompare/#PointCloud #CloudCompare #Tutorial #OpenSource #MapComponents
-
NEU im WhereGroup #Blog ✍ :
Ein spannender Artikel unseres Kollegen Martin Alzueta über die #Herausforderungen, die ihm als Anfänger bei der Erstellung einer #React-Anwendung begegneten und wie er diese mithilfe der #Nutzerfreundlichkeit von MapComponents meisterte.
Jetzt reinlesen!
👉️https://wheregroup.com/blog/details/die-erstellung-einer-react-app-mit-mapcomponents/ -
I'm currently working on a #google #maps clone for a small #spatial extent.
Backend:
* #vectortiles created using #planetiler, served by #tileservergl
* Routing through #graphhopper
* Geocoding through #komoot #photon, data from #openstreetmapFrontend:
* #react and @mapcomponents
Just a #sideproject. Let's see how far I'll get in 2 days.
-
Weiter geht's auf der #FOSSGIS2026 ! 👀
🗺️ Wer noch nicht an unserem Stand war und mit eigenen Augen gesehen hat, was wir da drucken: 3D-Kartenmodelle mithilfe einer Web-Anwendung.
🎁 Kommt gerne vorbei, das heutige Modell verlosen wir auch wieder.
👇🏻 Zum dazugehörigen Blog-Artikel: https://www.wheregroup.com/ueber-uns/blog/3d-openstreetmap-karten-aus-dem-3d-drucker
Bis gleich an unserem Stand! 😎
-
Vielen Dank für das positive Feedback zur #Where2B!
Falls Sie nicht an der Where2B teilnehmen konnten und sich die Vortragsfolien anschauen wollen, dann können Sie das ab sofort gerne unter https://where2b-conference.com/archiv/ tun. Mit dabei sind Vorträge von @astroidex @thorsten, Vorträge über @mapcomponents und @mapbender uvm.