/map5

:white_check_mark: Demosession: A rendering of an illustrative map georeferenced in an interactive web-map with leaflet.js on GitHub Pages. :de: Georeferenzierten Entwurfsplan als Map in einer Web-App publizieren mit Standortermittlung.

Primary LanguageJavaScriptCreative Commons Zero v1.0 UniversalCC0-1.0

🗺️ Stadtteilrundgang Cottbus-Sandow

✅ Karte georeferenzieren und als Web-Map publizieren mit Standortermittlung.

📸 Screenshot:

Screenshot der GitHub-Pages App

🚀 Kurzbeschreibung Workflow

Der Grundplan (© IÖR DD - siehe Legende/Kartenspiegel) in Illustrator mit Start- und Endpunkt, Route und Richtung sowie "Klebenotiz"-Legende illustriert (inkl. URL zu Github-Pages plus QR-Code-Bild). In QGIS georeferenziert.

Plan aus Illustrator

Über die Funktion gdal2tiles eine Leaflet.js-Map-App ausgegeben. In QGIS einen temorären Liniengeometrie-Layer angelegt und die Strecke für den Stadtteilrundgang erstellt. Den Layer als GPX gespeichert. Im Code der Leaflet-App den Pfad zum GPX eingefügt plus Details für mehr "Usebility": Ladeanzeige, Standortermittlung, Start- und Endpunktmarker, Layerbezeichnung und Sichtbarkeit angepasst... Copyrights bereits im gdal2tiles-Menü eingefügt.

☕☕☕ by Stefan