Dodawanie pola wyszukiwania do przykładu Leaflet.js

Rozważ przykład w poniższym linku do Folium : Wizualizacja zatrudnienia w USA według hrabstwa .

Wynik wygląda tak, jak widać poniżej:

wprowadź opis zdjęcia tutaj

Chciałbym dodać do niej pole wyszukiwania, aby móc wyszukiwać według miasta, a wizualizacja mogła powiększać i / lub wyśrodkowywać wokół niego. Jak mogę dodać do niego takie pole wyszukiwania? Czy mogę dodać tę funkcję, być może, w pliku HTML?

leaflet search

— Amelio Vazquez-Reina
źródło

co chcesz zrobić, gdy znajdziesz miasto (np. powiększ mapę tego hrabstwa, statystyki powrotów itp.?). Ogólnie rzecz biorąc, będziesz musiał dodać HTML, ale także JavaScript.

— tom

To pomaga, jeśli możesz nam powiedzieć, co już wypróbowałeś, jakie były wyniki i czego się spodziewałeś.

— BradHards,

Czy istnieje sposób wyszukiwania adresów i ograniczania się do określonego regionu, na przykład tylko zachodniej Kalifornii?

— Elenor Khaganese

Możesz użyć kontrolki wyszukiwania Ulotki . Umożliwia wstawianie widżetu wyszukiwania na mapie, wyszukiwanie według nazw miejsc na całym świecie (patrz przykład Nominatim ), a po wybraniu miejsca powiększanie / wyśrodkowanie mapy do tej lokalizacji.

wprowadź opis zdjęcia tutaj

Na stronie GitHub wyszukiwania w Ulotce znajdują się przykłady dodawania kontroli do mapy ulotki.

— Germán Carrillo
źródło

czy istnieje inne rozwiązanie do wyszukiwania danych według pól ?

— A.HADDAD

Czy mógłbyś to sprecyzować? Co masz na myśli? Szukaj we własnych danych. To jest możliwe. Przykład można znaleźć tutaj: labs.easyblog.it/maps/leaflet-search/examples/…

— Stefan