Skip to content
/ map4 Public template

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

License

Notifications You must be signed in to change notification settings

stadtentwicklung/map4

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

25 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🗺️ Stadtteilrundgang

✅ Georeferenzierte Karte erstellen und als Web-Map publizieren mit Standortermittlung.

📸 Screenshot:

Screenshot der GitHub-Pages App

🚀 Kurzbeschreibung Workflow

In QGIS Orthofotodienst (WMS) des Landes Brandenburg eingefügt. In QGIS ein A3 Querformat Layout erstellt. Das Orthofoto in gewünschter Ausdehnung hinzugefügt. Das Layout als JPG mit externer World-Datei JGW gespeichert (300 dpi). Das JPG mit dem Orthofoto in Illustrator illustriert (inkl. URL zu Github-Pages plus QR-Code-Bild) und wieder exportiert mit gleichen Einstellungen (identischer Name, JPG und 300 dpi). Das Original wurde somit überschrieben.

Plan aus Illustrator

In QGIS das illustrierte JPG importiert, welches dank World-Datei wieder georeferenziert wird. Ü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, Titel, Layerbezeichnung, Copyrights usw. Das Projekt (inkl. Ordnerstruktur) dann auf Github publiziert.

☕☕☕ by Stefan

About

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

Topics

Resources

License

Stars

Watchers

Forks