04.4 WN Informationen auf Karten visualisieren

Dieses Wissensnugget richtet sich an Studierende, welche sich mit OpenStreetMap sowie dem Erstellen einer interaktiven Karte auseinandersetzen möchten. Es dient als Ausgangspunkt zur selbstständigen Recherche und verweist auf Unterlagen, die die Grundlagen von OpenStreetMap (OSM) vermitteln. Konkret werden nebst einer generellen Einführung in OSM sowie dessen Benutzung auch Ressourcen zum Bearbeiten und Hinzufügen von Daten zu OSM bereitgestellt. Ebenso wird vermittelt, wie geographische Daten aus OSM mit Overpass Turbo gefiltert und extrahiert werden können.

Anschliessend werden drei Möglichkeiten verglichen, um eine Karte zur Anzeige von Points-of-Interest (POI) für eine Webseite zu erstellen: uMap und der Kartenkomponent von MS PowerApps als Low-Code-Varianten und Leaflet als Pro-Code-Variante. Das Wissensnugget stellt Ressourcen zur Verfügung, um eine Karte mit uMap, Leaflet und PowerApps zu erstellen.

Für uMap und Leaflet wird erklärt, wie man die Karte mit eigenen Stecknadeln bzw. Markern und dazugehörige Pop-Up mit Beschreibungen konfigurier. Für Leaflet und PowerApps wird darüber hinaus eine Schritt-für-Schritt-Anleitung (im Falle Leaflet mit Code) zur Erweiterung der Basislösung um eine Bearbeiten- sowie eine Export-Funktion für die neu bearbeiteten Daten bereitgestellt. Im Falle von Leaflet produziert diese Anleitung am Ende eine Karte, welche alle Spielplätze in Rapperswil-Jona darstellt. Der Sourcecode des gesamten Projektes wird den Studierenden als möglicher Startpunkt für eine eigene Karte bereitgestellt.

Weiterführende Ressourcen am Ende des Dokuments können als Startpunkt zur Weiterentwicklung der im Laufe des Wissensnuggets erstellten Lösung dienen.

Metadaten
Version	1
Bloomsche Taxonomy	K1 - kennen K2 - verstehen K3 - anwenden
Sprache	Deutsch
Anzahl Lektionen	4
Art des Unterrichts	Vorlesung Übung (ohne Labor/Werkstätte)
Voraussetzungen	Inhalt der Wissensnuggets 02.1.x sinnvoll (insb. für Pro-Code-Ansätze, Erfahrungen mit Web-Technologien [HTML, CSS, vor allem JavaScript] von Vorteil)
Vorbereitungen, Bedingungen	PC
Lernziele	Die Studierenden können … … Daten in OpenStreetMap einfügen und dort bearbeiten (kartographieren) … Daten aus OpenStreetMap filtern, herauslesen und diese Daten mit uMap, Leaflet oder PowerApps auf einer Karte darstellen … Leaflet und PowerApps so konfigurieren, dass man Informationen zu einer Karte hinzufügen und sie dann exportieren kann
Autor	brodmann ciro
Co-Autor:innen	Keine
Original-Studiengang	Kein 0. Semester
Dateien	https://sf.infs.ch/wp-content/uploads/2665/Backup-Speicherorte-1.txt Backup-Speicherorte (Typ: text/plain)
Zip-Datei	2665 (Typ: application/zip)

Der Lerninhalt ist schwierig!/The learning content is difficult!

Der Lerninhalt ist praxisorientiert!/The learning content is practice-orientated!

Das Material unterstützt mich!/The learning material supports me!