Overpass API

S-Laskewitz · 2018-02-14T08:50:42.000Z

Hallo Forum,
wie kann ich in meiner WEB-Seite die Overpass API einbauen und nach einer bestimmten Telation oder Wegnamen suchen, der mir dann angezeigt wird?

Danke für eine Antwort

Bisher funktioniert es mit Bushaltestellen.
Wie ändere ich aber die Abfrage nach einer Relation und den weiteren Code?
Hier ein Beispiel welches ich gefunden habe:

OSM3S on Mapnik via Open Layers

gormo · 2018-02-16T11:02:34.000Z

Hallo,

es gibt einfachere Möglichkeiten als OpenLayers, z.B. hat die Kartenbibliothek Leaflet (http://leafletjs.com/examples.html ) gleich ein Plugin für die Overpass-API, nämlich ~~https://github.com/kartenkarsten/leaflet-layer-overpass/~~ ((siehe mmd weiter unten, besser den Nachfolger (https://github.com/GuillaumeAmat/leaflet-overpass-layer) nutzen!)) . Das sieht dann so aus: http://kartenkarsten.github.io/leaflet-layer-overpass/demo/ .

Da aus dem Quelltext kannst Du dir auch die JavaScript-Bibliotheken für leaflet-layer-overpass ziehen, dann musst du nix mit bower etc. machen.

Generell ist es einfacher für uns hier, wenn du uns nicht den Quelltext einer HTML-Seite hinwirfst, sondern irgendwo (und sei es nur bei jsfiddle.net ) eine (teil-)laufende Version hinstellst. Dann kriegst du auch mehr antworten.

Viele Grüße, schönes Wochenenede!

Harald_Hartmann · 2018-02-16T11:17:40.000Z

Zunächst via overpass turbo sich die entsprechende Abfrage zusammen stellen und testen, und wenn für gut befunden als Overpass API Call Url exportieren und in die Variable data_url eintragen. Für das weitere Styling bin ich bei OpenLayers überfragt, da ich auch eher Leaflet nutze.

mmd · 2018-02-16T11:38:23.000Z

gormo:

es gibt einfachere Möglichkeiten als OpenLayers, z.B. hat die Kartenbibliothek Leaflet (Tutorials - Leaflet - a JavaScript library for interactive maps ) gleich ein Plugin für die Overpass-API, nämlich https://github.com/kartenkarsten/leafle … -overpass/ . Das sieht dann so aus: http://kartenkarsten.github.io/leaflet- … pass/demo/ .

Diese Library kann ich nicht empfehlen, sie flutet die Overpass API regelrecht mit Requests, was schnell zu vielen HTTP 429 “Too many Requests” Fehlern führt. Das passiert vor allem, wenn man schon ab Zoom-Level 12 oder 13 Requests zulässt.

Besser den Nachfolger nutzen: https://github.com/GuillaumeAmat/leaflet-overpass-layer

gormo · 2018-02-16T12:28:40.000Z

mmd:

gormo:

es gibt einfachere Möglichkeiten als OpenLayers, z.B. hat die Kartenbibliothek Leaflet (Tutorials - Leaflet - a JavaScript library for interactive maps ) gleich ein Plugin für die Overpass-API, nämlich https://github.com/kartenkarsten/leafle … -overpass/ . Das sieht dann so aus: http://kartenkarsten.github.io/leaflet- … pass/demo/ .

Diese Library kann ich nicht empfehlen, sie flutet die Overpass API regelrecht mit Requests, was schnell zu vielen HTTP 429 “Too many Requests” Fehlern führt. Das passiert vor allem, wenn man schon ab Zoom-Level 12 oder 13 Requests zulässt.

Besser den Nachfolger nutzen: https://github.com/GuillaumeAmat/leaflet-overpass-layer

Danke für den Hinweis!

S-Laskewitz · 2018-02-16T13:42:41.000Z

Danke für die Antworten.
Da ich nicht so perfekt programmieren kann, hätte mich die Änderung des Beispiels interessiert.
Das würde mir schon reichen.
Ich will eine Seite anzeigen die eine Relation darstellt die mit overpass abgefragt wird.

Danke