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


12

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

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

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

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


1
что вы хотите делать, когда находите город (например, приближаете карту к этому округу, возвращаете статистику и т. д.?). Вообще говоря, вам нужно будет добавить html, а также javascript.
Томы

2
Будет полезно, если вы расскажете нам, что вы уже пробовали, каковы были результаты и что вы ожидали получить вместо этого.
BradHards

Есть ли способ поиска адресов и ограничения в определенном регионе, например, только в западной Калифорнии?
Эленор Каганезе

Ответы:


19

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

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

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


Есть ли другое решение для поиска ваших данных по полям ?
А.ХАДДАД

1
Можете быть более конкретными? Что вы имеете в виду? Поиск в ваших собственных данных. Это возможно. Пример можно найти здесь: labs.easyblog.it/maps/leaflet-search/examples/…
Стефан
Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.