OpenStreetMap für Webkarten: Unterschied zwischen den Versionen

Aus Geoinformation HSR
Wechseln zu: Navigation, Suche
K
 
(18 dazwischenliegende Versionen desselben Benutzers 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/ 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''':
 +
* [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)]
  
 
[[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

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: