Aggiunta di una casella di ricerca ad un esempio Leaflet.js


12

Considera l'esempio nel seguente link per Folium : Visualizzazione dell'occupazione negli Stati Uniti per contea .

Il risultato è simile a quello che vedi di seguito:

    inserisci qui la descrizione dell'immagine

Vorrei aggiungere una casella di ricerca per poter cercare per città e fare in modo che la visualizzazione ingrandisca e / o centri attorno ad essa. Come posso aggiungere questa casella di ricerca? Posso aggiungere questa funzionalità forse nel file HTML?


1
cosa vuoi fare quando trovi una città (ad es. zoomare la mappa su quella contea, statistiche sui resi, ecc.?). In generale, dovrai aggiungere html ma anche javascript.
Tom

2
Aiuta se puoi dirci cosa hai già provato, quali sono stati i risultati e cosa invece ti aspettavi che accadesse.
BradHards il

Esiste un modo per cercare indirizzi e limitarsi a una determinata regione, ad esempio solo la California occidentale?
Elenor Khaganese,

Risposte:


19

È possibile utilizzare il controllo di ricerca di volantini . Ti consente di inserire un widget di ricerca sulla tua mappa, di cercare i nomi dei luoghi in tutto il mondo (vedi l' esempio di Nominatim ) e, una volta selezionato un luogo, ingrandisci / centra la tua mappa in quel luogo.

inserisci qui la descrizione dell'immagine

Nel sito Web GitHub della ricerca di volantini sono disponibili esempi su come aggiungere il controllo alla mappa dei volantini.


c'è un'altra soluzione per cercare i tuoi dati per campi ?
A.HADDAD,

1
Può essere più preciso? Cosa intendi? Cerca nei tuoi dati. Questo è possibile. Un esempio può essere trovato qui: labs.easyblog.it/maps/leaflet-search/examples/…
Stefan
Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.