1. Herzlich willkommen bei WPDE.org, dem grössten und ältesten deutschsprachigen Community-Forum rund um das Thema WordPress. Du musst angemeldet oder registriert sein, um Beiträge verfassen zu können.
    Information ausblenden

Kartenausschnitte aus Openstreetmap in Wordpress: welche Möglichkeiten gibt es hier?

Dieses Thema im Forum "Plugins und Widgets" wurde erstellt von lin, 16. Februar 2018.

Schlagworte:
  1. lin

    lin Well-Known Member

    Registriert seit:
    1. Dezember 2013
    Beiträge:
    893
    Zustimmungen:
    5
    Hallo und guten Tag Community,


    kann ich denn in eine WP-Seite eine Overpass API einbauen und nach einer bestimmten Kartenausschnitt oder Ort suchen, der mir dann angezeigt wird?

    Ziel-Ideen: Es sollte so sein, dass ich die Abfrage nach einer Relation und den weiteren Code ändern kann?


    Mögliche Wege: Hier ein paar Ansätze, welche ich gefunden habe:

    - Openlayer-Ansätze;
    - ggf. gibt es aber auch weitere Möglichkeiten als etwa OpenLayers, oder Kartenbibliotheken wie etwa Leaflet (http://leafletjs.com/examples.html )


    Frage:
    Hat Wordpress ggf. vielleicht auch ein Plugin für die Overpass-API, nämlich etwa so eines wie unten beschrieben:
    - leaflet-overpass-layer: siehe hier https://github.com/GuillaumeAmat/leaflet-overpass-layer
    - Das Ergebnis hierbei sieht dann in Etwa aus: http://kartenkarsten.github.io/leaflet-layer-overpass/demo/


    Freue mich auf einen Tipp
     
  2. r23

    r23 Well-Known Member

    Registriert seit:
    9. Dezember 2006
    Beiträge:
    4.987
    Zustimmungen:
    127
    Ich lese dir mal die Wiki über die API vor:

    Beispielsweise könnte Eltern von Kleinkindern nach allen Spielplätzen in Wuppertal oder eine Feuerwehr nach allen Hydranten im Ort suchen. Genauer kann man nach Allem suchen, was man als Mapper bei OSM an Informationen hochladen kann, wie Keys, Tags, Objekttypen und dabei mehrere kombinieren. Dabei wurde Wert darauf gelegt, dass die Abfragen ähnlich aussehen, wie die beim Editieren eingetragenen Keys und Tags. Beispielsweise enthält die Abfrage nach Spielplätzen das dem Mapper bekannte "leisure=playground". Darüber hinaus lassen sich beispielsweise auch Umkreissuchen durchführen.




    puh ... mal eben eine Einführung

    OpenLayers ist eine JavaScript-Bibliothek, die es ermöglicht Geodaten im Webbrowser anzuzeigen. Bei OpenLayers handelt es sich um eine Programmierschnittstelle, die eine clientseitige Entwicklung unabhängig vom Server zulässt. Für die Verwendung von OpenLayer habe ich mir Bücher gekauft und selnst Schulungen besucht ...

    Roland, der Entwickler der Overpass API stellt eine Anleitung für Open Layer zur Verfügung

    http://overpass-api.de/open_layers_mashup.html

    Open Layer wird hier nur ein Beispiel verwendet - du kannst selbstverständlich auch leafletjs verwenden.


    Aus der HTML Vorlage erstellst du einfach eine WordPress Seite

    Für der HTML Seite fügst du im Header einfach folgende Zeilen

    PHP:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    ein ...

    Bei Kartenkarsten dann hier=>


    https://github.com/kartenkarsten/leaflet-layer-overpass/blob/master/demo/multi_layer_example.html


    Wofür benötigst du ein Plugin?

    oder speichere die HTML Seite deiner Karte und bindest diese per Iframe ein.


    Eine relativ einfach Lösung für die erstellung der Abfrage - die vermutlich auch Personen ohne Kenntnisse von Geodaten bedienen können - ist vermutlich overpass-turbo

    // Karte unterstützt durch Leaflet

    der Editor ist etwas komplizierter

    // Editor unterstützt durch CodeMirror
    Weitere Bibliotheken: osmtogeojson, togpx, tokml, lodash, jQuery, jQuery UI, html2canvas, canvg, leaflet-locationfilter, leaflet.PolylineOffset, maki, SJJB map icons, Osmic, FileSaver.js, MapBBCode, Moment.js, polylabel, osm-auth

    http://overpass-turbo.eu/


    selbstverständlich kannst du mit html2canvas und leaflet-locationfilter, leaflet.PolylineOffset dir eben ein Plugin erstellen. Etwas JavaScript sollte man dann allerdings können...
     
    #2 r23, 16. Februar 2018
    Zuletzt bearbeitet: 16. Februar 2018
  3. Photoweblog

    Photoweblog Well-Known Member

    Registriert seit:
    11. März 2008
    Beiträge:
    108
    Zustimmungen:
    5
    Diese Beispiele basieren alle auf OpenLayers 2.11, ggfs auf alle Fälle vorher auf OpenLayers 4.x wechseln.

    LG, MiKa
    ---------------------------------------
    http://wp-osm-plugin.HanBlog.Net
     
  4. r23

    r23 Well-Known Member

    Registriert seit:
    9. Dezember 2006
    Beiträge:
    4.987
    Zustimmungen:
    127
    du könntest auch eben die notwendigen Änderungen in ein leaflet - WordPress Plugin einbauen.

    https://github.com/r23/wp-plugin-leaflet-map/tree/master/shortcodes

    Da mich das Thema auch interessiert habe ich mal einen Fork auf github gestatet.

    in den nächsten Tagen fliegen dort die "unnötigen" Kartenanbieter raus... und die externen Quellen werden aus datenschutzrechtlichen Gründen gelöscht.
     
  5. lin

    lin Well-Known Member

    Registriert seit:
    1. Dezember 2013
    Beiträge:
    893
    Zustimmungen:
    5
    hallo Photoweblog u. r23,

    vielen Dank für die schnellen Antworten u. die Tipps u. Hinweise.



    Danke für die Hinweise u. Tipps; Rolands Overpass-API u. Martin Reisers Overpass-Turbo.eu kenne ich auch.

    Danke @r23 für die Hinweise auf Möglichkeiten:

    Hmm - Man koennte ja auch via overpass turbo sich die entsprechende Abfrage durchführen, dann schliesslich als Overpass API-Call-Url exportieren und vllt. noch in die Variable data_url eintragen.Dann brächte man halt noch ein Styling - kenn mich aber bei den OpenLayers ned so gut aus.


    Was ich eigentlich suche -- für https://wordpress.org/plugins/wp-job-manager/

    WP Job Manager Geolocation add-on
    provides Geolocation features to the free plugin WP Job Manager

    der Link: https://geomywp.com/extensions/wp-job-manager-geolocation/

    die Features;
    nun - ich bin eher ein Freund von OpenStreetmap-Lösungen als einer, der auf Google-Map-API setzt.
    Deshalb kam ich auf die OSM-Ideen

    VG Lin
     
  6. r23

    r23 Well-Known Member

    Registriert seit:
    9. Dezember 2006
    Beiträge:
    4.987
    Zustimmungen:
    127
    du kennst Overpass-API und Overpass-Turbo - hast aber augenscheinlich leider noch immer nicht verstanden, welche Geo-Daten angezeigt werden.

    Ich lese noch einem vor:


    Beispielsweise können Eltern von Kleinkindern nach allen Spielplätzen in Wuppertal oder eine Feuerwehr nach allen Hydranten im Ort suchen. Genauer kann man nach Allem suchen, was man als Mapper bei OSM an Informationen hochladen kann, wie Keys, Tags, Objekttypen und dabei mehrere kombinieren.


    B L I N K - man kann nach Allem suchen, was man als Mapper bei OSM (openstreetmap) an Informationen hochladen kann B L I N K

    OSM (openstreetmap) nicht Google Map.

    Mit Overpass kannst du keine Hydranten im Ort auf Google Map suchen - weil Google Map diese Daten nicht hat.

    Ist doch schön günstig! Mein Wordpress Plugin für die Umkreissuche ist erheblich teuerer.


    Mit meinem Fork https://github.com/r23/r23-map kannst du zum Beispiel GEOJSON Daten darstellen.

    Beispiel:
    Der Datensatz enthält die Namen und Anschriften der Düsseldorfer Museen.

    Die Datei „Düsseldorfer Museen“ enthält folgende Spalteninformationen:
    Name: Name des Museums Straße: Standort des Museums Postleitzahl: Postleitzahl des Standortes Art: Art des Museums

    https://opendata.duesseldorf.de/sites/default/files/D%C3%BCsseldorfer%20Museen.geojson

    Mein Map Plugin kann stelbstverständlich auch ein PHP-Script aufrufen und die Antwort im GEOJSON Format darstellen.
     
    lin gefällt das.
  7. Photoweblog

    Photoweblog Well-Known Member

    Registriert seit:
    11. März 2008
    Beiträge:
    108
    Zustimmungen:
    5
    Sehr cool! Gibt's einen Link wo man sich das "im Betrieb" ansehen kann, also das Plugin mit dem Overpass API und der dargestellten Karte?
     
    lin gefällt das.
  8. lin

    lin Well-Known Member

    Registriert seit:
    1. Dezember 2013
    Beiträge:
    893
    Zustimmungen:
    5
    moin r23 und Photoweblog

    vielen Dank für die weiteren Beiträge:



    @r23: hmm - vllt. hab ich oben nicht deutlich machen koennen dass ich mir durchaus eine Lsg in OSM-Technologie vorstellen kann - m.a.w. dass ich nicht unbedingt auf die proprietäre Google-Map-Lösung setzen würde.


    Was ich eigentlich suche -- für https://wordpress.org/plugins/wp-job-manager/
    WP Job Manager Geolocation add-on provides Geolocation features to the free plugin WP Job Manager


    DER LINK ZUR WP PROPIETÄR LOESUNG https://geomywp.com/extensions/wp-job-manager-geolocation/

    Also nochmals: ich kenne Overpass-API und Overpass-Turbo - und bis jetzt dachte ich schon dass ich verstanden habe, welche Geo-Daten angezeigt werden.

    - die von Mappern eingetragenen Daten. Anders ausgedrückt:
    - was nicht gemappt wurde ist m.a.w. nicht zu finden.


    Ich finde wie Photoweblog deine Ansätze auch sehr interessant -


    Vielen Dank bis hierher für die Erläuterungen, Tipps, Hinweise u. Links.

    Das ist alles sehr sehr vielversprechend
     
  9. Photoweblog

    Photoweblog Well-Known Member

    Registriert seit:
    11. März 2008
    Beiträge:
    108
    Zustimmungen:
    5
    lin gefällt das.
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden