Thêm một hộp tìm kiếm vào một ví dụ Leaflet.js

Xem xét ví dụ trong liên kết sau cho Folium : Trực quan hóa việc làm của Hoa Kỳ cho mỗi hạt .

Kết quả trông giống như những gì bạn thấy dưới đây:

nhập mô tả hình ảnh ở đây

Tôi muốn thêm một hộp tìm kiếm vào nó để có thể tìm kiếm theo thành phố và phóng to hình ảnh và / hoặc trung tâm xung quanh nó. Làm thế nào tôi có thể đi về việc thêm hộp tìm kiếm như vậy vào nó? Tôi có thể thêm chức năng này có lẽ trong tệp HTML không?

leaflet search

— Amelio Vazquez-Reina
nguồn

bạn muốn làm gì khi tìm thấy một thành phố (ví dụ: phóng to bản đồ đến quận đó, trả lại số liệu thống kê, v.v.). Nói chung, bạn sẽ cần thêm html nhưng cũng có javascript.

— Toms

Nó có ích nếu bạn có thể cho chúng tôi biết những gì bạn đã thử, kết quả là gì và những gì bạn dự kiến sẽ xảy ra thay thế.

— BradHards

Có cách nào để tìm kiếm địa chỉ và giới hạn trong một khu vực nhất định, ví dụ, chỉ ở phía tây California không?

— Elenor Khagan

Bạn có thể sử dụng điều khiển tìm kiếm Tờ rơi . Nó cho phép bạn chèn một tiện ích tìm kiếm trên bản đồ của bạn, tìm kiếm theo tên địa điểm trên khắp thế giới (xem ví dụ về Nominatim ) và khi địa điểm được chọn, hãy phóng to / căn giữa bản đồ của bạn đến vị trí đó.

nhập mô tả hình ảnh ở đây

Trong trang web GitHub của tìm kiếm Leaflet, bạn tìm thấy các ví dụ về cách thêm điều khiển vào bản đồ tờ rơi của bạn.

— Đức
nguồn

Có một giải pháp khác để tìm kiếm dữ liệu của bạn theo các lĩnh vực ?

— A.HADDAD

Bạn có thể cụ thể hơn không? Ý anh là gì? Tìm kiếm trong dữ liệu của riêng bạn. Điều này là khả thi. Một ví dụ có thể được tìm thấy ở đây: labs.easyblog.it/maps/leaflet-search/examples/ ám

— Stefan