https://github.com/stefanstoehr/dem
✅ Höhenunterschiede verdeutlichen durch Überhöhung und als 3D-Szene im Web publizieren mit Open-Source-Data, QGIS und three.js.
https://github.com/stefanstoehr/dem
digital-elevation-model qgis three-js
Last synced: about 2 months ago
JSON representation
✅ Höhenunterschiede verdeutlichen durch Überhöhung und als 3D-Szene im Web publizieren mit Open-Source-Data, QGIS und three.js.
- Host: GitHub
- URL: https://github.com/stefanstoehr/dem
- Owner: stefanstoehr
- License: cc0-1.0
- Created: 2022-06-27T13:02:15.000Z (almost 4 years ago)
- Default Branch: main
- Last Pushed: 2022-06-27T13:02:17.000Z (almost 4 years ago)
- Last Synced: 2023-12-16T14:44:47.702Z (over 2 years ago)
- Topics: digital-elevation-model, qgis, three-js
- Language: JavaScript
- Homepage: https://stefanstoehr.github.io/dem
- Size: 5.3 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# :world_map: Interaktives online 3D-Höhenmodell mit Volllauffunktion
:white_check_mark: Höhenunterschiede eines Planungsbereiches verdeutlichen (Überhöhung) und als 3D-Szene im Web publizieren mit QGIS und Open-Source-Data.
## :computer: Link https://stadtentwicklung.github.io/map3/
### :camera_flash: Screenshot:
## :rocket: Workflow
### :computer: Internet, QGIS und GitHub - mehr ist nicht nötig
Für ein 1km² großes Gebiet in CB wurde eine vereinfachte Geländehöhenanalyse durchgeführt. Das Areal ist flach mit max. 5m Höhenunterschied, was eine Analyse in QGIS von Vermessungspunkten ergab. Diese xyz-Dateien lassen sich für das Bundesland Brandenburg kostenfrei herunterladen über den [Geobroker der Landesvermessung](https://geobroker.geobasis-bb.de/basiskarte.php?mode=startup&aProductId=488a2b53-564f-43eb-88ec-0d87bb43ed20) im lokal üblichen Koordinatenbezugssystem EPSG:25833. Die Höheninformationen sind ersichtlich über: Rechtsklick auf Layer Vermessungspunkte -> Eigenschaften -> Symbolisierung -> Pull-Down: Abgestuft -> Pull-Down: Spalte mit Höhenwerten wählen -> Klassifizieren anklicken (ziehmlich weit unten). Dargestellt ist jetzt eine stufenweise Differenzierung vom kleinsten zum größten Höhenwert. Die Parameter der Symbolisierung lassen sich weiter verfeinern (Farben, Farberlauf, Ausdehnung der Abstufung).
Das interaktive online Projekt 3D-Höhenmodell benötigt diese Datei jedoch nicht. Die xyz-Daten bilden jedoch das Hauptlayout, in dem ein vereinfachtes Höhestufennmodell mit QGIS dargestellt ist.
Das interaktive Szenario ist sozusagen **on top** - der beistehende Link (oben rechts im Bild) zu einem online 3D-Höhenmodell _upgraded_ das sonst so _gewöhnliche_ PDF. Es bildet ein zusätzliches Analyseerlebnis.
Für die Erstellung des 3D-Szenarios benötigt QGIS nur zwei Informationen: (1) Eine Schummerung, bei der eine künstliche Lichtquelle auf die Geländehöhen geworfen wird, um im Ergebnis die Oberflächenform des Geländes gut zu veranschaulichen. (2) Ein Orthofoto, um die Orientierung auf dem Mesh zu vereinfachen. Die Schummerung wird als GeoTIFF vom [Geobroker der Landesvermessung](https://geobroker.geobasis-bb.de/basiskarte.php?mode=startup&aProductId=488a2b53-564f-43eb-88ec-0d87bb43ed20) kostenfrei bereitgestellt. Das Orthofoto wird erzeugt aus einem ebenfalls kostenfreiem Orthofoto-WMS der [Landesvermessung](https://geobroker.geobasis-bb.de/gbss.php?MODE=GetProductInformation&PRODUCTID=253b7d3d-6b42-47dc-b127-682de078b7ae). Erzeuge zuerst aus dem WMS ein einzelnes GeoTIFF: Rechtsklick auf dem WMS-Layer -> Exportieren -> Speichern als... -> Drop-Down: GeoTIFF -> Ausdehnung: Aus Layer berechnen _Schummerung_ -> OK. Damit existiert jetzt ein separates Orthofoto in gleicher Abmessung wie die Schummerung. Der WMS-Layer kann gelöscht werden. Der Layer mit dem neuen Orthofoto muss über dem Layer mit der Schummerung liegen. Die Erstellung des 3D-Szenarios erfolgt mit dem Plugin [qgis2threejs](https://github.com/minorua/Qgis2threejs), dass eventuell über das Menü _Erweiterungen_ importiert werden muss, falls du es zum erstenmal benutzt.
Im Menü _Web_ ist es dann aufrufbar. Bei _Scene Settings_ ist standardmäßig eine Überhöhung (Vertical exaggregation) von 1.0 eingestellt. Nach optischer Analyse sind das ca. 100m vertikale Überhöhung. Über File -> Export to Web wird das Projekt als HTML/Three.js-Paket gespeichert. Den Parameter **Enable the Viewer to Run locally** aktivieren, um die gespeicherte index.html-Datei nach dem Export direkt im Browser zu testen. Als Template kann der **3D-Viewer with dat-gui panel** gewählt werden. Darüber lässt sich eine Grundplatte vertikal verschieben und so Volllauf-Hotspots indentifizieren.
Ein übersichtliches und weiterführendes Tutorial bietet https://qgis2threejs.readthedocs.io/en/docs/Tutorial.html. Über GitHub [GitHub-Pages](https://pages.github.com/) lässt sich dein Projekt online und kostenfrei abrufen: https://stadtentwicklung.github.io/map3/.
Nachtrag: Die Browser-3D-Szene für GitHub, im obigen Bild rechts via Screenshot in das PDF eingefügt, ist eine eigene Applikation. QGIS bietet die Funktion _Neue 3D-Kartenansicht_, mit der zusätzlich zu einer 2D-Normalansicht auch eine 3D-Spezialansicht dem Layout in QGIS hinzugefügt werden kann. Siehe Bild hier oben rechts:
### :coffee::coffee::coffee: by [Stefan](https://github.com/stefanstoehr)