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
-
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!
-
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 -
🔐 Heute ist Welt-Passwort-Tag! 🔐
Wie sicher sind deine Passwörter? Teste und verbessere sie jetzt! 🔑✔️ Nutze lange und einzigartige Passwörter
✔️ Aktiviere die Zwei-Faktor-Authentifizierung (2FA)
✔️ Vermeide einfache Kombinationen wie "123456"
✔️ Verwalte deine Passwörter sicher mit einem Passwort-ManagerMehr Infos zur Datensicherheit mit #OpenSourceSoftware gibt's auch in unserem Blog: https://wheregroup.com/blog/details/open-source-software-und-ihre-schluesselrolle-in-der-it-security/
#WeltPasswortTag #Cybersicherheit #Passwortschutz #StaySafeOnline
-
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.
-
Wir sind Platin-Sponsor der FOSSGIS-2025 und an unserem WhereGroup Messe-Stand freuen sich unsere Expertinnen und Experten auf spannende Gespräche.
Unter anderem ist auch Martin Ludwig, einer unserer Core-Entwickler für MapComponents mit vor Ort und kann sehr konkret auf Fragen eingehen.
Für die Zeit nach der Messe steht schon das nächste kostenlose Web-Seminar der FOSS Academy zu MapComponents auf dem Programm: 08.05.
https://foss-academy.com/web-seminare/mapcomponents-vom-desktop-gis-zum-webgis/
-
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
-
As well as creating new features, we are constantly improving existing ones.
One of the most recently developed components is the one for animating objects on the map: we have an example on https://mapcomponents.org for the real position and movement of ships in the Baltic Sea.
Now you can select the live data for the actual speed (whether moving or at anchor). Try it here: https://catalogue.mapcomponents.org/en/component-detail/MlIconLayer
Available on GitHub: https://github.com/mapcomponents/react-map-components-maplibre-lab/tree/main/src/components/MlIconLayer
-
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
-
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/
-
Gerade in #Bonn die #opensource #GeoIT Messe Where2B mit Beiträgen über MapComponents