eine Nearby-Search auf der Seite in einem Widget abbilden – Ideen und tipps

  • 24jobs

    (@24jobs)


    vor 9 Monaten, 1 Woche

    Servus, und guten Abend liebe Community

    Zunächst: ich gerade an einer speziellen Sache arbeite, benötige ich eine Möglichkeit – ein Code-Snippet bzw. dessen Resultate in einem WP-Widget darzustellen.
    Frage: Können wir denn die Ausgabe eines Code-Snippet in einem WordPress-Widget (Plugin) darstellen, das die Ausgabe der folgenden Daten bietet …:die Daten einer Nearby-Suche:

    z.B. so: Seht euch zunächst die(se) kleine OSM-Abfrage an – eine Suche in der Nähe, die gegen die Overpass-Turbo.eu-API läuft – die Idee eines „Widgets für Schulen in der Nähe“

    eine Ausgabe, die alle Schulen um einen bestimmten Punkt herum zeigt – oder mit anderen Worten; alle in München – in einem Bereich /(Radius) von sagen wir 10 Kilometern können wir eine Abfrage erstellen, die auf Overpass-turbo.eu funktioniert:

    
[out:csv(::id,::type,::lon,::lat,amenity,name,"addr:postcode","addr:city","addr:street","addr:housenumber","contact:website",website,"contact:email")]
[timeout:600];
area[name="München"];
nwr(area)[name="Marienplatz"];
nwr"amenity"="school";
out center

    das gibt dann die folgenden Ausgabe aus: 

    
it gives bac@id @type   @lon    @lat    amenity name    addr:postcode   addr:city   addr:street addr:housenumber    contact:website website contact:email
312793352   node    11.5815046  48.1322045  school  Schulverbund München    80469   München Kohlstraße  5       https://www.schulverbund.de/    
703266518   node    11.5746643  48.1387135  school  EAM School of International Business                    https://eam-muenchen.com/       
1096318121  node    11.5827303  48.1368214  school  Otto-Falckenberg-Schule 80539   München Stollbergstraße 7a      https://www.otto-falckenberg-schule.de/ 
1096318127  node    11.5822067  48.1376239  school  Otto-Falckenberg-Schule 80539   München Falckenbergstraße   2       https://www.otto-falckenberg-schule.de/ 
1142514805  node    11.5665710  48.1353750  school  Evangelisches Bildungszentrum   80331   München Herzog-Wilhelm-Straße   24  https://www.stadtakademie-muenchen.de/      stadtakademie.muenchen@elkb.de
1576527684  node    11.5728245  48.1336093  school  Theresia-Gerhardinger-Grundschule am Anger                      https://gs-am-anger.de/ 
1576528339  node    11.5721671  48.1333479  school  Theresia-Gerhardinger-Gymnasium am Anger                        https://www.tggaa.de/   
2493656150  node    11.5814603  48.1366835  school  Förderschule an der Herrnstraße 80539   München Herrnstraße 21      https://stadt.muenchen.de/service/info/sonderpaedagogisches-foerderzentrum-muenchen-mitte-2-herrnstr-21/1060084/    
2654727020  node    11.5812823  48.1365482  school  Grundschule an der Herrnstraße

    Frage – was meint ihr denn – gibt es eine Möglichkeit, einen teil dieser Ausgabe in einem Widget – im Theme auf der Seite dazustellen!? Also, gedacht ist daran, das ich solch einen
    mearby-search auf der Seite abbilden kann!? Wichtig: ich will lediglich einen kleinen Teil daraus darstellen.

    Meint ihr dass das geht!?
    Wünsch euch einen schönen Abend
    viele Grüße 24jobs

Ansicht von 6 Antworten – 1 bis 6 (von insgesamt 6)
  • hupe13

    (@hupe13)

    vor 9 Monaten, 1 Woche

    Willst du die Ergebnisse auf einer Karte darstellen? Du könntest Leaflet Map installieren und aus den Ergebnissen Marker erzeugen. Mit den Extensions for Leaflet Map hast du noch mehr Möglichkeiten.

    Thread-Starter 24jobs

    (@24jobs)

    vor 9 Monaten, 1 Woche

    Hallo und guten Morgen Hupe13,
    mir gehts vor allen Dingen darum dass ich auf dem Theme – also sagen wir so: das sollte in einem Widget in dem neuen aktuellen Standardtheme laufen, dass ich da eine Abfrage für eine bestimmte Region erstellen kann.

    Also – gedacht ist daran, dass User auf der Seite eine kl. Abfrage starten könnnen. Und dann das Ergebnis dargestellt wird -. entweder als
    a. Map in dem leaflet oder
    b. als Angabe /Ausgabe in einem (sicher !!!) reduztierten Format als es oben dargestellt wird.

    Deine Idee mit dem Leaflet die ist schonmal toll.
    zu B. – also wenn b. dann wär das halt nur die Ausgabe eines ganz ganz kleinen Teils – des hier unten gezeigten Beispiel.-Datensatzes, Da kann man ja schon in der Abfrage an das Overpass-Turbo-Backend entsprechend filtern. Das sollte im Grunde kein Problem sein. 

    it gives bac@id @type   @lon    @lat    amenity name    addr:postcode   addr:city   addr:street addr:housenumber    contact:website website contact:email
312793352   node    11.5815046  48.1322045  school  Schulverbund München    80469   München Kohlstraße  5       https://www.schulverbund.de/    
703266518   node    11.5746643  48.1387135  school  EAM School of International Business                    https://eam-muenchen.com/       
1096318121  node    11.5827303  48.1368214  school  Otto-Falckenberg-Schule 80539   München Stollbergstraße 7a      https://www.otto-falckenberg-schule.de/ 
1096318127  node    11.5822067  48.1376239  school  Otto-Falckenberg-Schule 80539   München Falckenbergstraße   2       https://www.otto-falckenberg-schule.de/ 
1142514805  node    11.5665710  48.1353750  school  Evangelisches Bildungszentrum   80331   München Herzog-Wilhelm-Straße   24  https://www.stadtakademie-muenchen.de/      stadtakademie.muenchen@elkb.de
1576527684  node    11.5728245  48.1336093  school  Theresia-Gerhardinger-Grundschule am Anger                      https://gs-am-anger.de/ 
1576528339  node    11.5721671  48.1333479  school  Theresia-Gerhardinger-Gymnasium am Anger                        https://www.tggaa.de/   
2493656150  node    11.5814603  48.1366835  school  Förderschule an der Herrnstraße 80539   München Herrnstraße 21      https://stadt.muenchen.de/service/info/sonderpaedagogisches-foerderzentrum-muenchen-mitte-2-herrnstr-21/1060084/    
2654727020  node    11.5812823  48.1365482  school  Grundschule an der Herrnstraße

    Was ich brauch ist mal einen Ansatzpunkt –
    ggf gibts ja auch plugins oder so – die arbiträren code im widget ausführen oder eben ggf. die sogenannten Advanced Custom Fields….

    Wie würdest du denn hier vorgehen.
    PS – ich guck mir mal die leaflet an…

    komme später am Tag wieder hier rein
    viele Grüße

    ps. Ihr seid ein super super Forum _ ich bin begeistert!

    Ciao

    hupe13

    (@hupe13)

    vor 9 Monaten, 1 Woche

    Ach du warst das in dem anderen Forum. Deine erste Frage dort habe ich weder sprachlich noch (nach Übersetzung mit Deepl) inhaltlich verstanden.

    Thread-Starter 24jobs

    (@24jobs)

    vor 9 Monaten, 1 Woche

    Hi – ja hab das dort drüben kurz noch angesprochen. Also ich hätt Bedarf an einer Möglichkeit DATEN aus dem OSM auf einer WordPress darzustellen

    Interessant sind hier auch Daten aus dem Projekt https://healthsites.io/
    oder eben die Abfragedaten – die man via overpass-turbo.eu gewinnen kann.
    All das wäre interessant und ich denke dass Dein / Euer Projekt hier sehr gut passen würde. Es kann wohl (soweit ich das jetzt überblicke) viel viel mehr als ich im Moment benötige.

    werde mich in den nächsten 24 h mal stärker damit beschäftigen und guck hier wieder rein

    Viele Grüße

    • Diese Antwort wurde geändert vor 9 Monaten, 1 Woche von 24jobs.
    hupe13

    (@hupe13)

    vor 9 Monaten, 1 Woche

    Du kannst alle (OSM-)Daten damit darstellen, solange du die Lizenzen und Nutzungsbedingungen einhältst. Die beiden Leaflet-Plugins sind nur Mittel zum Zweck.

    Marker in Leaflet Map lassen sich wunderbar mit php programmieren. So bin ich ja dazu gekommen.

    Thread-Starter 24jobs

    (@24jobs)

    vor 9 Monaten, 1 Woche

    hallo und guten Tag Hupe13
    Die ganze OpenStreetmap-Welt ist mi noch nicht ganz geläufig – aber ich bin begeistet von den vielen vielen Möglichkeiten. Danke für deine Hinweise auf die Optionen, so anzufangen wie du das gemacht hast – sehr interessant.

    Hmm – man könnte auch eine Map – z.B. mit HealthcareFeatures in einer wordpress site abbilden wenn man das folgende einbettet https://mapcomplete.org/healthcare : https://mapcomplete.org/healthcare?fs-welcome-message=false

    
<span class="literal-code iframe-code-block">
<iframe src="https://mapcomplete.org/healthcare?fs-welcome-message=false"
allow="geolocation" width="100%" height="100%" style="min-width: 250px; min-height: 250px"
title="$Healthcare with MapComplete">
</iframe>
</span>

    Die start-location liesse sich ändern – einiges des Verhaltens u. Erscheinens könnt man über den URL-parameter im iframe anpassen.

    Vgl. auch https://github.com/pietervdvn/MapComplete/blob/develop/Docs/URL_Parameters.md

    ich werde mich mal am Wochenende weiter mit dem Thema beschäftigen u. mir alles nochmals durchlesen was ich in die Finger bekomme

    Dir vielen vielen Dank für deine Anregungen
    Viele Grüße u. einen schönen Einstieg ins Wochenende

Ansicht von 6 Antworten – 1 bis 6 (von insgesamt 6)
  • Das Thema „eine Nearby-Search auf der Seite in einem Widget abbilden – Ideen und tipps“ ist für neue Antworten geschlossen.

Schlagwörter