[OSM-S] Stuttgarter Stammtisch (online) morgen 6. Juli 2021
Heiko Eckenreiter
heiko at eckenreiter.de
Di Jul 6 22:48:15 CEST 2021
Am 05.07.2021 um 10:24 schrieb Carsten:
> Morgenabend um 20 Uhr beginnt wieder der monatliche Stuttgarter Stammtisch.
> Themen:
>
> - Heiko wird die uMap vorstellen und eine Einführung für Einsteiger geben.
Der Begleittext zum Vortrag wie angekündigt hier als Anhang.
Es müssten eigentlich alle relevanten Links die ich genannt hatte drin
sein. Außer www.opentopomap.org
Viel Spaß beim Ausprobieren :-)
Herzliche Grüße,
Heiko
-------------- nächster Teil --------------
Stuttgarter OpenStreetMap Stammtisch - Einführung in umap
==========================================
1. use case
==========================================
Karte mit POIs aus der Datenbank in Verbindung mit eigenen Zielen, z. B. für die Orientierung im Urlaub
POIs, z. B.
Restaurants: amenity=restaurant
Fahrradvermietung: amenity=bicycle_rental
Bäckereien: shop=bakery
Supermärkte: shop=supermarket
Boule-Bahn: leisure=pitch AND sport=boules
Interessant, um POIs auf die Karte zu bringen, die sonst nicht gerendert werden.
Oder per dynamischer Datenbankabfrage zusätzliche Attribute einblenden.
Einen einzelnen POI kann man auch direkt auf OSM.org teilen -> demo
==========================================
2. umap-Instanzen
==========================================
https://umap.openstreetmap.fr/de/
https://umap.openstreetmap.de/
Einloggen in OSM
Einloggen in umap mit oAuth oder anonyme Karte (editierbar von jeder, die den Link kennt)
https://umap.openstreetmap.de/de/map/heidelberg_15666#15/49.4069/8.6869
==========================================
3. Manuelle Erfassung
==========================================
POI, Linien, Flächen
============================================
4. Start mit einer "overpass-turbo"-Abfrage:
============================================
https://overpass-turbo.eu/
Im wizard: amenity=bicycle_rental
Export - Abfrage - Overpass QL kompakt
[out:json][timeout:25];(node["amenity"="bicycle_rental"](49.399049075501,8.6803150177002,49.419628243724,8.7151193618774);way["amenity"="bicycle_rental"](49.399049075501,8.6803150177002,49.419628243724,8.7151193618774);relation["amenity"="bicycle_rental"](49.399049075501,8.6803150177002,49.419628243724,8.7151193618774););out;>;out skel qt;
Übersichtlicher dargestellt:
[out:json][timeout:25];
(
node["amenity"="bicycle_rental"](49.399049075501,8.6803150177002,49.419628243724,8.7151193618774);
way["amenity"="bicycle_rental"](49.399049075501,8.6803150177002,49.419628243724,8.7151193618774);
relation["amenity"="bicycle_rental"](49.399049075501,8.6803150177002,49.419628243724,8.7151193618774);
);
out;>;out skel qt;
Wer mehr über die Abfragesprache wissen will -> Overpass doku: https://wiki.openstreetmap.org/wiki/Overpass_API/Overpass_QL
https://wiki.openstreetmap.org/wiki/Overpass_turbo/Wizard
Wir vereinfachen die Abfrage:
=============================
nwr -> abkürzung für node, way, relation
[out:json][timeout:25];
(
nwr["amenity"="bicycle_rental"](49.399049075501,8.6803150177002,49.419628243724,8.7151193618774);
);
out;>;out skel qt;
Die bounding-box-Koordinaten in den runden Klammern ersetzen durch: {south},{west},{north},{east}
ergibt:
[out:json][timeout:25];
(
nwr["amenity"="bicycle_rental"]({south},{west},{north},{east});
);
out;>;out skel qt;
Als Ergebnis in einer Zeile:
=============================
[out:json][timeout:25];(nwr["amenity"="bicycle_rental"]({south},{west},{north},{east}););out;>;out skel qt;
Das Ergebnis für die Boule-Bahnen:
[out:json][timeout:25];(nwr["leisure"="pitch"]["sport"="boules"]({south},{west},{north},{east}););out;>;out skel qt;
============================================
5. URL zusammenbauen
============================================
Das ganze anhängen hinter:
https://overpass-api.de/api/interpreter?data=
ergibt:
https://overpass-api.de/api/interpreter?data=[out:json][timeout:25];(nwr["amenity"="bicycle_rental"]({south},{west},{north},{east}););out;>;out skel qt;
https://overpass-api.de/api/interpreter?data=[out:json][timeout:25];(nwr["shop"="bakery"]({south},{west},{north},{east}););out;>;out skel qt;
https://overpass-api.de/api/interpreter?data=[out:json][timeout:25];(nwr["leisure"="pitch"]["sport"="boules"]({south},{west},{north},{east}););out;>;out skel qt;
=============================================================
6. Eine umap-Ebene mit dynamischer Datenbankabfrage erstellen
=============================================================
Eine neue Ebene anlegen, Farbe und Bildzeichensymbol auswählen
Abschnitt "Ausgelagerte Daten"
URL einfügen, Format "osm", dynamisch
zusätzliche Felder einblenden:
Interaktionsoptionen
Popup-Vorlage
# {name}
Öffnungszeiten: {opening_hours}
Beschriftung anzeigen
Beschriftungen sind klickbar
alle Attribute als Tabelle anzeigen bei Klick:
Interaktionsoptionen - Popupinhaltstil: Tabelle
============================================
7. Symbole
============================================
Unterschiedliche Symbolsätze in den verschiedenen Implementierungen
Unicode-Symbole verwenden:
einfach nach dem gewünschten Symbol in einer Suchmaschine suchen, kopieren, dann unter
Formeigenschaften - Bildzeichensymbol - Symbol festlegen
einfügen
🥨
Oder irgendein im Netz verfügbares Symbol verlinken (Urheberrechte beachten!)
https://umap.openstreetmap.fr/uploads/pictogram/bicycle-24-white.png
Interaktionsoptionen
lock=yes
Anzeigeschlüssel: fieldname
Popup Vorlage
# {lock_name}
VHF {vhf} - Tel. {phone}
Hub: {lock:height}
Dauer der Passage: {passage_time} min
Betriebszeiten: {opening_hours}
============================================
8. Optionen
============================================
Clustering
Hintergrundkarte
Kartenverschiebung begrenzen (Karteneigenschaften)
Zoomstufe speichern (Toolbox)
Zoomstufenbegrenzung
gpx einbinden
https://brouter.de/brouter-web/#map=15/49.4110/8.7067/standard,HikeBike.HillShading&lonlats=8.693898,49.40971;8.69643,49.413367;8.70953,49.414896;8.709648,49.412298;8.715055,49.410843;8.714164,49.409412;8.710211,49.411332;8.705785,49.411134;8.694091,49.409833&profile=hiking-beta
oder dynamisch mit Verweis auf eine URL
============================================
9. Dokumentation:
============================================
https://wiki.openstreetmap.org/wiki/DE:UMap
Mailingliste: https://lists.openstreetmap.org/listinfo/umap
Mehr Informationen über die Mailingliste Stuttgart