OpenStreetMap für Webkarten: Unterschied zwischen den Versionen
Zur Navigation springen
Zur Suche springen
Stefan (Diskussion | Beiträge) KKeine Bearbeitungszusammenfassung |
Stefan (Diskussion | Beiträge) KKeine Bearbeitungszusammenfassung |
||
| Zeile 10: | Zeile 10: | ||
=== 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 (Alternativen zu uMap: | ** Eigene interaktive Webkarte mit uMap und Overpass Query: index_ueb_umap.html (Alternativen zu uMap: 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 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: | ||
| Zeile 22: | Zeile 22: | ||
* [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)] | ||
Neu: | |||
* Offizielle Dokumentation: https://discover.umap-project.org/ | |||
* Tutorial "Karten im Web veröffentlichen...": https://openschoolmaps.ch/lehrmittel/umap/karten-im-web-veroeffentlichen.html | |||
[[Kategorie:HowTo]] | [[Kategorie:HowTo]] | ||
[[Kategorie:OpenStreetMap]] | [[Kategorie:OpenStreetMap]] | ||
Version vom 23. Juni 2024, 18:13 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/)
- 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:
Neu:
- Offizielle Dokumentation: https://discover.umap-project.org/
- Tutorial "Karten im Web veröffentlichen...": https://openschoolmaps.ch/lehrmittel/umap/karten-im-web-veroeffentlichen.html