Menambahkan kotak pencarian ke contoh Leaflet.js

12

Pertimbangkan contoh di tautan berikut untuk Folium : Visualisasi ketenagakerjaan AS per county .

Hasilnya terlihat seperti apa yang Anda lihat di bawah:

    masukkan deskripsi gambar di sini

Saya ingin menambahkan kotak pencarian untuk dapat mencari berdasarkan kota, dan memiliki visualisasi memperbesar dan / atau pusat di sekitarnya. Bagaimana saya bisa menambahkan kotak pencarian seperti itu ke dalamnya? Bisakah saya menambahkan fungsi ini di file HTML?

leaflet search Amelio Vazquez-Reina
sumber
1
apa yang ingin Anda lakukan ketika menemukan kota (mis. perbesar peta ke daerah itu, kembalikan statistik, dll.). Secara umum, Anda perlu menambahkan html tetapi juga javascript.
Tom
2
Ini membantu jika Anda dapat memberi tahu kami apa yang sudah Anda coba, apa hasilnya, dan apa yang Anda harapkan terjadi.
BradHards
Apakah ada cara mencari alamat dan membatasi ke wilayah tertentu, misalnya, California barat saja?
Elenor Khaganese

Jawaban:

19

Anda bisa menggunakan kontrol pencarian Leaflet . Ini memungkinkan Anda untuk memasukkan widget pencarian di peta Anda, mencari berdasarkan nama tempat di seluruh dunia (lihat contoh Nominatim ), dan sekali tempat dipilih, perbesar / pusatkan peta Anda ke lokasi tempat itu.

masukkan deskripsi gambar di sini

Di situs web GitHub pencarian Leaflet Anda menemukan contoh tentang cara menambahkan kontrol ke peta leaflet Anda.

Germán Carrillo
sumber
apakah ada solusi lain untuk mencari data menurut bidang ?
A.HADDAD
1
Bisakah Anda lebih spesifik? Apa maksudmu? Cari di data Anda sendiri. Ini mungkin. Sebuah contoh dapat ditemukan di sini: labs.easyblog.it/maps/leaflet-search/examples/…
Stefan