Hinzufügen eines Suchfelds zu einem Beispiel in Leaflet.js

12

Betrachten Sie das Beispiel unter dem folgenden Link für Folium : US-Beschäftigungsvisualisierung pro Grafschaft .

Das Ergebnis sieht wie folgt aus:

    Bildbeschreibung hier eingeben

Ich möchte ein Suchfeld hinzufügen, um nach Stadt suchen und die Visualisierung vergrößern und / oder zentrieren zu können. Wie kann ich ein solches Suchfeld hinzufügen? Kann ich diese Funktionalität vielleicht in die HTML-Datei einfügen?

Amelio Vazquez-Reina
quelle
1
Was möchten Sie tun, wenn Sie eine Stadt finden (z. B. die Karte auf diese Grafschaft zoomen, Statistiken zurückgeben usw.)? Im Allgemeinen müssen Sie HTML, aber auch Javascript hinzufügen.
Toms
2
Es ist hilfreich, wenn Sie uns mitteilen können, was Sie bereits ausprobiert haben, welche Ergebnisse erzielt wurden und was Sie stattdessen erwartet haben.
BradHards
Gibt es eine Möglichkeit, nach Adressen zu suchen und diese auf eine bestimmte Region zu beschränken, z. B. nur Westkalifornien?
Elenor Khaganese

Antworten:

18

Sie können die Flugblattsuche verwenden . Sie können ein Such-Widget in Ihre Karte einfügen, nach Ortsnamen auf der ganzen Welt suchen (siehe Nominatim-Beispiel ) und, sobald ein Ort ausgewählt ist, die Karte auf diesen Ort zoomen / zentrieren.

Bildbeschreibung hier eingeben

Auf der GitHub-Website der Leaflet-Suche finden Sie Beispiele zum Hinzufügen des Steuerelements zu Ihrer Leaflet- Map.

Germán Carrillo
quelle
Gibt es eine andere Lösung, um Ihre Daten nach Feldern zu durchsuchen ?
A.HADDAD
1
Kannst du genauer sein? Was meinen Sie? Suchen Sie in Ihren eigenen Daten. Das ist möglich. Ein Beispiel finden Sie hier: labs.easyblog.it/maps/leaflet-search/examples/…
Stefan