Додавання вікна пошуку до прикладу Leaflet.js

Розглянемо приклад за наступним посиланням для Folium : Візуалізація зайнятості в США за графством .

Результат виглядає так, як ви бачите нижче:

введіть тут опис зображення

Я хотів би додати до нього вікно пошуку, щоб мати змогу здійснювати пошук по місту та мати масштаб візуалізації та / або центр навколо нього. Як я можу додати до нього таке поле пошуку? Чи можна додати цю функціональність, можливо, у файл HTML?

leaflet search

— Амеліо Васкес-Рейна
джерело

що ви хочете зробити, коли знайдете місто (наприклад, збільшити масштаб карти до цього округу, повернути статистику тощо?). Взагалі кажучи, вам потрібно буде додати html, але і javascript.

— томи

Це допомагає, якщо ви можете сказати нам, що ви вже пробували, які були результати та що ви очікували натомість.

— BradHards

Чи існує спосіб пошуку адрес і обмеження певного регіону, наприклад, лише західної Каліфорнії?

— Еленор Хаганес

Ви можете використовувати контроль пошуку Leaflet . Він дозволяє вставити віджет пошуку на свою карту, здійснити пошук за назвами місць по всьому світу (див. Приклад Номінатіму ), і щойно вибирається місце, масштабуйте / орієнтуйте карту на місце розташування.

введіть тут опис зображення

На веб-сайті GitHub пошуку листівки ви знайдете приклади того, як додати елемент управління до картки листівки.

— Герман Каррільо
джерело

чи є інше рішення для пошуку ваших даних за полями ?

— A.HADDAD

Чи можете ви бути більш конкретними? Що ви маєте на увазі? Шукайте у власних даних. Це можливо. Приклад можна знайти тут: labs.easyblog.it/maps/leaflet-search/examples/…

— Стефан