# 🗺️ GeoTIFF-Viewer – Dokumentation ## Ziel Interaktive Visualisierung von **GeoTIFF-Dateien** mit Farbcodierung und zusätzlichen **GeoJSON-Overlays** (z. B. Stadtgrenzen). Die Anwendung basiert auf Leaflet und ist per Docker containerisiert. --- ## Projektstruktur ```bash geotiff-viewer/ ├── data/ │ ├── class_Mainz_maxlike_gold.tif # GeoTIFF Rasterdaten │ ├── stadtgrenze.geojson # GeoJSON für Overlay (z. B. Stadtgrenzen) │ └── index.html # Weboberfläche mit Leaflet + GeoRaster └── docker-compose.yaml # Nginx-Container zur Bereitstellung ``` --- ## Anforderungen - Docker - Nginx Proxy Manager zur Weiterleitung via Subdomain --- ## Docker-Setup ```yaml services: geotiff-viewer: image: nginx:alpine container_name: geotiff-viewer restart: unless-stopped volumes: - ./data:/usr/share/nginx/html:ro networks: - npm-network networks: npm-network: external: true ``` --- ## Weboberfläche (`index.html`) ### Funktionen - Anzeige des GeoTIFFs als farbige Heatmap mittels [chroma.js](https://gka.github.io/chroma.js/) - Einblendung zusätzlicher GeoJSON-Layer - Legende mit Farbskala & Layer-Steuerung - Lizenzhinweis im Footer ### HTML-Code ```html GeoTIFF Viewer
min max
©GeoBasis-DE / LVermGeoRP 2025, dl-de/by-2-0, www.lvermgeo.rlp.de [Daten bearbeitet]
``` ### Overlays ```json { "type": "FeatureCollection", "features": [{ "type": "Feature", "geometry": { "type": "Polygon", "coordinates": [[[8.20, 50.00], [8.30, 50.00], [8.30, 50.05], [8.20, 50.05], [8.20, 50.00]]] }, "properties": { "name": "Stadtgrenze Mainz" } }] } ``` ---