Menambahkan kotak pencarian ke contoh Leaflet.js

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

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

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

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

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