Software • 01. August 2025
Integration moderner 3D-Technologien in Web-Karten – mit MapComponents
Die Welt der Geoinformationssysteme (GIS) erlebt derzeit eine revolutionäre Transformation. Während zweidimensionale Karten lange Zeit den Standard darstellten, erobern dreidimensionale Technologien zunehmend die digitale Landschaft. Moderne Webbrowser werden immer leistungsfähiger und ermöglichen es, komplexe 3D-Visualisierungen direkt im Browser darzustellen – ohne zusätzliche Plugins oder spezielle Software. Diese Entwicklung ebnet den Weg für eine neue Ära der Kartierung, in der digitale Zwillinge ganzer Städte und Regionen sowie hoch detaillierte 3D-Visualisierungen von Gebäuden und Landschaften nicht mehr nur Vision, sondern greifbare Realität sind.
MapComponents, unsere React-basierte Open-Source-Implementierung von MapLibre, passt hervorragend zu dieser Entwicklung, da MapLibre eine nahtlose Integration mit Deck.GL bietet. Deck.GL ist eine WebGL-basierte Visualisierungsbibliothek, die speziell für die performante Darstellung großer Datenmengen im Browser optimiert wurde und sich damit ideal für anspruchsvolle 3D-Anwendungen eignet. In den letzten Monaten haben wir wichtige Fortschritte in der 3D-Technologie gemacht und zeigen mit unseren neuesten Demos, wie Point Clouds und 3D Tiles nahtlos in moderne Webanwendungen integriert werden können.
Point Clouds: Präzise Vermessung trifft Browser-Technologie
Point Clouds oder Punktwolken revolutionieren die Art, wie wir die reale Welt digital erfassen und analysieren. Diese aus LiDAR-Scans stammenden Daten ermöglichen hochpräzise Messungen und detaillierte Analysen von Objekten, Gebäuden und Landschaften. Was früher ausschließlich in Desktop-Anwendungen wie QGIS möglich war, ist inzwischen auch direkt im Webbrowser realisierbar. Lesen Sie hierzu auch unseren Blog-Beitrag Visualisierung und Manipulation von LiDAR-Datenzeigt –
Für kleinere Datensätze können Punktwolken direkt in die Kartenanwendung integriert werden. Dies demonstrieren wir in unserer Point Cloud Demo, die als Proof of Concept entwickelt wurde. Besonders bemerkenswert ist, dass die zugrundeliegende Punktwolke mit einem handelsüblichen iPhone in wenigen Minuten aufgenommen wurde. Die Demo zeigt eindrucksvoll, wie sich Visualisierungsparameter wie z.B. Farbgebung und Punktgröße in Echtzeit anpassen lassen.
Praktische Anwendungsbeispiele für Point Clouds sind vielfältig: das Einscannen von Bauwerken für Renovierungsprojekte, die Dokumentation historischer Gebäude für Denkmalschutz oder das Monitoring von Waldbeständen zur Überwachung von Baumwachstum und Abholzung. In der Infrastruktur-Überwachung ermöglichen Point Clouds das Erkennen von Veränderungen an Brücken, Straßen oder anderen kritischen Bauwerken über die Zeit hinweg.
Bei professionellen Anwendungen stoßen direkte Einbindungen jedoch schnell an ihre Grenzen, da das Datenvolumen oft mehrere Gigabyte umfasst. Hier kommt das 3D Tiles-Format ins Spiel. 3D Tiles ist ein offener Standard für die Übertragung und Visualisierung großer 3D-Geodaten im Web. Das Format optimiert die Datenübertragung durch hierarchische Strukturierung und ermöglicht es, auch umfangreiche Point Cloud-Datensätze effizient zu streamen und darzustellen.
3D Tiles: Der Standard für Web-basierte 3D-Geodaten
3D Tiles ist ein offener Standard, der speziell für die effiziente Übertragung und Visualisierung von 3D-Geodaten im Web entwickelt wurde. Er wurde von Cesium entwickelt und ist heute ein OGC (Open Geospatial Consortium) Community Standard, was seine breite Akzeptanz und Zukunftssicherheit unterstreicht.
Das Besondere an 3D Tiles liegt in der hierarchischen Datenorganisation: Große 3D-Datensätze werden in kleine, zur Laufzeit verarbeitbare "Tiles" (Kacheln) unterteilt, die nach Bedarf geladen werden. Diese Level-of-Detail (LoD) Technik ermöglicht es, auch sehr große Datensätze flüssig darzustellen, da nur die für die aktuelle Ansicht relevanten Bereiche übertragen werden.
3D-Objekte und Gebäudemodelle
3D Tiles beschränkt sich nicht nur auf Point Clouds, sondern unterstützt auch gängige Formate für die Gebäude- und Objektmodellierung. Besonders relevant sind hier CityGML für standardisierte Gebäudedaten sowie GLB/glTF-Formate für detaillierte 3D-Objekte wie Stadtmöbel, Baumkataster oder spezielle Bauwerke.
Ein praktisches Beispiel hierfür sind die LOD2-Gebäudemodelle für ganz Deutschland, die als CityGML-Daten verfügbar sind. Diese Level-of-Detail-2-Modelle mit ihren detaillierten Dachstrukturen und grundlegenden Fassadeninformationen haben wir in das 3D Tiles-Format überführt und erfolgreich in eine MapComponents-Anwendung integriert.
3D Tiles ermöglichen die Umwandlung nahezu aller gängigen 3D-Datenformate – beispielsweise .obj, .fbx, .dae oder .glb – in ein effizient webfähiges Format. Dabei können die Modelle im Rahmen des Konvertierungsprozesses auch georeferenziert werden, sodass sie korrekt in einen räumlichen Kontext eingebettet werden.
Photogrammetrie und 3D-Mesh-Modelle
Photogrammetrie-Modelle entstehen durch die computergestützte Rekonstruktion von 3D-Geometrien aus überlappenden Fotografien. Diese Technik ermöglicht es, reale Objekte und Landschaften mit beeindruckender Detailtreue digital zu erfassen.
Die praktische Anwendung dieser Technologie demonstrieren wir in unserer 3D Tiles Layer Demo, die die frei verfügbaren 3D-Mesh-Daten der Stadt Hamburg nutzt und eine detailgetreue 3D-Darstellung der Hansestadt direkt im Browser ermöglicht. Die Performance dieser Kombination aus MapComponents, MapLibre und Deck.GL überzeugt dabei durch flüssige Navigation und schnelle Ladezeiten selbst bei komplexen 3D-Mesh-Datensätzen.
Digitale Geländemodelle: Das Fundament für realistische 3D-Karten
Digitale Geländemodelle (DGM) bilden häufig das unverzichtbare Fundament für überzeugende 3D-Visualisierungen. Sie stellen nicht nur die natürliche Topographie dar, sondern sind auch entscheidend für realistische Schatten- und Beleuchtungseffekte, die 3D-Szenen erst realistisch erscheinen lassen. MapComponents und MapLibre unterstützen seit langem die Integration von Geländedaten durch sogenannte TerrainLayer, die automatisch realistische Höhenprofile in die Kartenansicht einbetten.
Unser MlTerrainLayer-Demo demonstriert, wie Berglandschaften und Täler mit natürlicher Tiefenwirkung dargestellt werden können. Diese Technologie verwandelt flache Karten in immersive, dreidimensionale Landschaften, die dem Betrachter ein intuitives Verständnis der Topographie vermitteln.
Besonders leistungsstark wird die Terrain-Visualisierung, wenn DGM mit anderen 3D-Datenquellen kombiniert werden. So können Point Clouds von Gebäuden oder Vegetation auf dem natürlichen Geländeverlauf platziert werden, während 3D-Mesh-Modelle von Städten ihre korrekte topographische Einbettung erhalten. Diese Kombination von Datenquellen, zusammen mit der erhöhten Auflösung des Geländemodells, die moderne 3D-Browser mit WebGL-Unterstützung ermöglichen, führt zu neuen Möglichkeiten. Dadurch können praktische Anwendungen wie Hochwasser-Simulationen und Überflutungsmodelle sowie Sichtbarkeits- und Solaranalysen direkt in Webanwendungen realisiert werden.
Ausblick: Die Zukunft der digitalen Zwillinge
Digitale Zwillinge entwickeln sich rasant von der Vision zur Realität. Überall entstehen digitale Abbilder realer Objekte, Gebäude und ganzer Städte, während die technologischen Möglichkeiten durch kontinuierliche Innovationen stetig erweitert werden. Das Bundesamt für Kartografie und Geodäsie (BKG) hat bereits einen digitalen Zwilling für ganz Deutschland angekündigt – ein ambitioniertes Projekt, das die strategische Bedeutung dieser Technologie unterstreicht.
Mit der steigenden Verfügbarkeit hochwertiger 3D-Daten und der kontinuierlichen Leistungssteigerung moderner Webbrowser stehen wir erst am Anfang einer spannenden Entwicklung. Die größte Herausforderung liegt darin, diese technischen Möglichkeiten kreativ zu nutzen und in praktische Werkzeuge zu überführen, die echten Mehrwert schaffen.
Ob in der Stadtplanung, bei der digitale Zwillinge Planungsprozesse revolutionieren können, im Risiko- und Katastrophenmanagement, bei dem präzise 3D-Modelle lebensrettende Entscheidungen unterstützen, oder in der Umweltforschung, in der detaillierte Ökosystem-Modelle das Monitoring von Biodiversität und Klimawandel-Auswirkungen ermöglichen – die Anwendungsmöglichkeiten sind nahezu grenzenlos.
Bei MapComponents verfolgen wir die Vision, dass die Zukunft von 3D-Daten in der Kartierung nicht nur in optimierter Visualisierung liegt, sondern vor allem in interaktiver Analyse und nutzerfreundlicher Bedienung. Wir setzen unsere Entwicklungsarbeit in diesem aufregenden und zukunftsweisenden Bereich konsequent fort und freuen uns darauf, gemeinsam mit der Community die nächste Generation von 3D-Webanwendungen zu gestalten. Die Verschmelzung von leistungsstarker Browser-Technologie, offenen Standards wie 3D Tiles und benutzerfreundlichen Entwicklungstools wie MapComponents ebnet den Weg für eine neue Ära der digitalen Kartografie – eine Ära, in der die Grenzen zwischen digitaler und physischer Welt zunehmend verschwimmen.
Weitere Beiträge, die Sie interessieren könnten:
- Ein wahres Highlight: Die internationale QGIS-Community trifft sich in Norrköping
- Neue Version des QGIS2Mapbender-Plugins veröffentlicht: Mapbender-Anwendungen einfach direkt aus QGIS heraus erstellen
- Modernes Deployment: Infrastruktur-Repository und GitLab-CI/CD-Pipeline
