Ich habe mal 5 Minuten gebastelt.
In Kurzform: An der Zuspitze hab ich mir die Relation mit der ref = “H 4” rausgesucht.
In Overpass Turbo sieht das so aus:
http://overpass-turbo.eu/s/9uU
(bitte das [out:json] rausnehmen)
Das ist aber nicht in eine Website einbettbar.
Also hab ich die Query als Kompaktes QL Format exportiert und in uMap eingebunden.
(Wichtig, der Export setzt den Rand der Abfrage auf den sichtbaren Bereich, also in den gewünschten Bereich zoomen)
Das war dieser Link:
http://overpass-api.de/api/interpreter?data=%5Btimeout%3A25%5D%3B%28node%5B%22ref%22%3D%22H%204%22%5D%2847%2E41124550000924%2C10%2E964183807373047%2C47%2E44770982681244%2C11%2E04452133178711%29%3Bway%5B%22ref%22%3D%22H%204%22%5D%2847%2E41124550000924%2C10%2E964183807373047%2C47%2E44770982681244%2C11%2E04452133178711%29%3Brelation%5B%22ref%22%3D%22H%204%22%5D%2847%2E41124550000924%2C10%2E964183807373047%2C47%2E44770982681244%2C11%2E04452133178711%29%3B%29%3Bout%20body%3B%3E%3Bout%20skel%20qt%3B%0A
Den ich vorne noch modifiziert habe auf HTTPS.
Das ganze sieht in uMap dann so aus:
http://umap.openstreetmap.fr/de/map/zugspitze-h4_40521#13/47.4244/11.0100
Diese Karte kann jeder editieren, so das man sich die mal anschauen kann.
Fehlt noch ?
Ja wie binde ich eine uMap in meine eigene Seite ein.
Hab ich spontan nicht gefunden wie das geht, aber hier ist ein Beispiel:
https://bzgrafik.atavist.com/bernvegan#chapter-134363
Scheint nicht so schwer zu sein mit nem “iframe”.
Christoph
P.S. Wenn man mehrere Wege haben möchte, macht man sich mehrere Layer in uMap.
P.S.S. Alternativ kann man mit Overpass die Daten der Route auch exportieren, und diese Fix wieder importieren, da sich die Wege ja nicht so oft ändern werden. Damit spart man sich den Schritt, dieses HTTPS Konstrukt in uMap einzubinden.