Dodawanie pola wyszukiwania do przykładu Leaflet.js

12

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
1
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
2
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

Odpowiedzi:

19

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
1
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