Agregar un cuadro de búsqueda a un ejemplo de Leaflet.js

12

Considere el ejemplo en el siguiente enlace para Folium : Visualización de empleo en los EE . UU . Por condado .

El resultado se parece a lo que ves a continuación:

    ingrese la descripción de la imagen aquí

Me gustaría agregarle un cuadro de búsqueda para poder buscar por ciudad y hacer que la visualización se amplíe y / o centre alrededor. ¿Cómo puedo agregar este cuadro de búsqueda? ¿Puedo agregar esta funcionalidad quizás en el archivo HTML?

leaflet search Amelio Vazquez-Reina
fuente
1
¿Qué quieres hacer cuando encuentres una ciudad (por ejemplo, acercar el mapa a ese condado, estadísticas de devolución, etc.). En términos generales, necesitará agregar html pero también javascript.
toms
2
Ayuda si puede decirnos lo que ya ha intentado, cuáles fueron los resultados y qué esperaba que sucediera en su lugar.
BradHards
¿Hay alguna forma de buscar direcciones y restringirlas a una determinada región, por ejemplo, solo al oeste de California?
Elenor Khaganese

Respuestas:

19

Puede usar el control de búsqueda de folleto . Le permite insertar un widget de búsqueda en su mapa, buscar por nombres de lugares en todo el mundo (vea el ejemplo de Nominatim ), y una vez que se selecciona un lugar, haga zoom / centre su mapa en la ubicación de ese lugar.

ingrese la descripción de la imagen aquí

En el sitio web de GitHub de la búsqueda de folletos encontrará ejemplos sobre cómo agregar el control a su mapa de folletos.

Germán Carrillo
fuente
¿Hay otra solución para buscar sus datos por campos ?
A.HADDAD
1
¿Puedes ser mas específico? ¿Qué quieres decir? Busca en tus propios datos. Esto es posible. Puede encontrar un ejemplo aquí: labs.easyblog.it/maps/leaflet-search/examples/…
Stefan