Добавление поля поиска в пример Leaflet.js

12

Рассмотрите пример в следующей ссылке для Folium : визуализация занятости в США для каждого округа .

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

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

Я хотел бы добавить в него окно поиска, чтобы иметь возможность поиска по городу и иметь визуализацию, увеличивающуюся и / или центрированную вокруг него. Как я могу добавить к этому поле поиска? Могу ли я добавить эту функцию, возможно, в файл HTML?

Амелио Васкес-Рейна
источник
1
что вы хотите делать, когда находите город (например, приближаете карту к этому округу, возвращаете статистику и т. д.?). Вообще говоря, вам нужно будет добавить html, а также javascript.
Томы
2
Будет полезно, если вы расскажете нам, что вы уже пробовали, каковы были результаты и что вы ожидали получить вместо этого.
BradHards
Есть ли способ поиска адресов и ограничения в определенном регионе, например, только в западной Калифорнии?
Эленор Каганезе

Ответы:

19

Вы можете использовать элемент управления поиском Leaflet . Он позволяет вам вставить поисковый виджет на вашу карту, выполнить поиск по названию места по всему миру (см. Пример Nominatim ), и, как только место будет выбрано, увеличьте / отцентрируйте карту по этому месту.

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

На веб-сайте GitHub поиска Leaflet вы найдете примеры того, как добавить элемент управления на карту листовки.

Герман Каррильо
источник
Есть ли другое решение для поиска ваших данных по полям ?
А.ХАДДАД
1
Можете быть более конкретными? Что вы имеете в виду? Поиск в ваших собственных данных. Это возможно. Пример можно найти здесь: labs.easyblog.it/maps/leaflet-search/examples/…
Стефан