OpenStreetMap für Webkarten: Unterschied zwischen den Versionen
Aus Geoinformation HSR
Stefan (Diskussion | Beiträge) K |
Stefan (Diskussion | Beiträge) K |
||
| (5 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt) | |||
| Zeile 1: | Zeile 1: | ||
OpenStreetMap für Webkarten ("OpenStreetMap - die unterschätzte Ressource"). Gastvortrag zur "Open Data Vorlesung" an der Uni Bern (Wirtschaftsinformatik), von Stefan Keller, am 13. April 2017. | OpenStreetMap für Webkarten ("OpenStreetMap - die unterschätzte Ressource"). Gastvortrag zur "Open Data Vorlesung" an der Uni Bern (Wirtschaftsinformatik), von Stefan Keller, am 13. April 2017. | ||
| − | Siehe auch OpenStreetMap für [https://giswiki.hsr.ch/Kategorie:OpenStreetMap GIS, Raumplaner, Landschaftsarchitekten, etc.]. | + | Siehe auch [[OpenStreetMap-Daten zu Karten aufbereiten]] und OpenStreetMap für [https://giswiki.hsr.ch/Kategorie:OpenStreetMap GIS, Raumplaner, Landschaftsarchitekten, etc.] u.a. mit [[OSMaxx]] als 'Geodaten-Goldgrube'. |
=== Unterlagen === | === Unterlagen === | ||
| − | * Vortrags-Folien: [https://de.slideshare.net/StefanKeller/openstreetmap-fr-webkarten-openstreetmap-die-unterschtzte-ressource Slideshare] (Preview + PDF download) | + | * Vortrags-Folien: '''[https://de.slideshare.net/StefanKeller/openstreetmap-fr-webkarten-openstreetmap-die-unterschtzte-ressource Slideshare]''' (Preview + PDF download) |
| − | * Uebungs-Unterlagen: https://github.com/sfkeller/OpenStreetMapWebkarten | + | * Uebungs-Unterlagen: https://github.com/geometalab/OpenStreetMap-Webmap-Examples (Originale https://github.com/sfkeller/OpenStreetMapWebkarten, https://github.com/sfritschi/OpenStreetMapWebkarten, https://sfritschi.github.io/OpenStreetMapWebkarten/ ) |
* ([https://etherpad.coredump.ch/p/OpenStreetMap_f%C3%BCr_Webkarten "Online-Wandtafel"]) | * ([https://etherpad.coredump.ch/p/OpenStreetMap_f%C3%BCr_Webkarten "Online-Wandtafel"]) | ||
=== Inhalt === | === Inhalt === | ||
* Webkarte mit OpenStreetMap erstellen ohne zu Programmieren: | * Webkarte mit OpenStreetMap erstellen ohne zu Programmieren: | ||
| − | ** Eigene interaktive Webkarte mit uMap und Overpass Query: index_ueb_umap.html | + | ** Eigene interaktive Webkarte mit uMap und Overpass Query: index_ueb_umap.html (Alternativen zu uMap: https://maphub.net/ und https://maphub.net/) |
| − | ** Eigene statische Webkarte mit QGIS und Plugin " | + | ** Eigene statische Webkarte mit QGIS und Plugin "HTML Image Map Creator" (Nachfolger von "Html Image Map" tba.): index_ueb_image_map.html |
* Eigene interaktive Webkarte mit Programmieren erstellen in HTML und JavaScript: | * Eigene interaktive Webkarte mit Programmieren erstellen in HTML und JavaScript: | ||
** Eigene interaktive Webkarte mit Leaflet und Overpass: index_ueb_webmap1.html | ** Eigene interaktive Webkarte mit Leaflet und Overpass: index_ueb_webmap1.html | ||
| Zeile 20: | Zeile 20: | ||
Mehr zu '''uMap''': | Mehr zu '''uMap''': | ||
| − | * [http://geometalab.tumblr.com/post/130632772622/easy-web-map-creation-with-openstreetmap-data uMap inkl. Overpass-Abfrage (en) | + | * [http://geometalab.tumblr.com/post/130632772622/easy-web-map-creation-with-openstreetmap-data uMap inkl. Overpass-Abfrage (en)] |
* [http://www.mappa-mercia.org/2014/09/creating-an-always-up-to-date-map.html Anleitung zum Einbinden von Overpass-Abfragen in uMap (en)] | * [http://www.mappa-mercia.org/2014/09/creating-an-always-up-to-date-map.html Anleitung zum Einbinden von Overpass-Abfragen in uMap (en)] | ||
[[Kategorie:HowTo]] | [[Kategorie:HowTo]] | ||
[[Kategorie:OpenStreetMap]] | [[Kategorie:OpenStreetMap]] | ||
Aktuelle Version vom 19. März 2022, 11:30 Uhr
OpenStreetMap für Webkarten ("OpenStreetMap - die unterschätzte Ressource"). Gastvortrag zur "Open Data Vorlesung" an der Uni Bern (Wirtschaftsinformatik), von Stefan Keller, am 13. April 2017.
Siehe auch OpenStreetMap-Daten zu Karten aufbereiten und OpenStreetMap für GIS, Raumplaner, Landschaftsarchitekten, etc. u.a. mit OSMaxx als 'Geodaten-Goldgrube'.
Unterlagen
- Vortrags-Folien: Slideshare (Preview + PDF download)
- Uebungs-Unterlagen: https://github.com/geometalab/OpenStreetMap-Webmap-Examples (Originale https://github.com/sfkeller/OpenStreetMapWebkarten, https://github.com/sfritschi/OpenStreetMapWebkarten, https://sfritschi.github.io/OpenStreetMapWebkarten/ )
- ("Online-Wandtafel")
Inhalt
- Webkarte mit OpenStreetMap erstellen ohne zu Programmieren:
- Eigene interaktive Webkarte mit uMap und Overpass Query: index_ueb_umap.html (Alternativen zu uMap: https://maphub.net/ und https://maphub.net/)
- Eigene statische Webkarte mit QGIS und Plugin "HTML Image Map Creator" (Nachfolger von "Html Image Map" tba.): index_ueb_image_map.html
- Eigene interaktive Webkarte mit Programmieren erstellen in HTML und JavaScript:
- Eigene interaktive Webkarte mit Leaflet und Overpass: index_ueb_webmap1.html
- Eigene interaktive Webkarte mit eigenen Geoobjekten (Javascript): index_ueb_webmap2.html
- Eigene interaktive Webkarte mit statischem File (GeoJSON) einbinden: index_ueb_webmap3.html
- Eigene interaktive Webkarte mit statischem File (GeoJSON) einbinden mit Point Clustering (als Leaflet Extension): index_ueb_webmap4.html
- Eigene interaktive Webkarte mit online-Abfrage mittels Overpass API: index_ueb_webmap5.html
Mehr zu uMap:
