OpenStreetMap für Webkarten: Unterschied zwischen den Versionen
Zur Navigation springen
Zur Suche springen
Esivro (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
K (Move page script verschob die Seite Broken/OpenStreetMap f\xfcr Webkarten nach OpenStreetMap für Webkarten) |
||
| (22 dazwischenliegende Versionen von einem anderen Benutzer werden nicht angezeigt) | |||
| Zeile 1: | Zeile 1: | ||
https://etherpad.coredump.ch/p/OpenStreetMap_f%C3%BCr_Webkarten | 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 [https://giswiki.hsr.ch/Kategorie:OpenStreetMap GIS, Raumplaner, Landschaftsarchitekten, etc.] u.a. mit [[OSMaxx]] als 'Geodaten-Goldgrube'. | |||
=== Unterlagen === | |||
* Vortrags-Folien: '''[https://de.slideshare.net/StefanKeller/openstreetmap-fr-webkarten-openstreetmap-die-unterschtzte-ressource 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/ ) | |||
* ([https://etherpad.coredump.ch/p/OpenStreetMap_f%C3%BCr_Webkarten "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''': | |||
* [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)] | |||
Siehe [[UMap]]. | |||
[[Kategorie:HowTo]] | [[Kategorie:HowTo]] | ||
[[Kategorie:OpenStreetMap]] | [[Kategorie:OpenStreetMap]] | ||
Aktuelle Version vom 15. November 2024, 08:22 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:
Siehe UMap.