Home Hardware Networking Programmazione Software Domanda Sistemi
Conoscenza Informatica >> Programmazione >> Programmazione Javascript >> .

Come utilizzare Google Maps API di completamento automatico Località Campi

Interagire con i visitatori del tuo sito web , consentendo loro di entrare in una posizione specifica sulla vostra mappa di Google personalizzata. Utilizzando l' API di Google Maps versione 3 , è possibile creare un campo di testo per immettere un indirizzo o il nome della tua attività . Sulla base del testo inserito, Google Maps offrirà suggerimenti e auto- completare il campo . Si aggiunge il " Luoghi Autocomplete " caratteristica per la vostra abitudine Google Map utilizzando il costruttore " Completamento automatico " . Istruzioni
1

accedere al file HTML e individuare il codice di Google Maps .
2

definire la variabile per l'input dell'utente dopo il codice di inizializzazione mappa. Ad esempio, digitare :

user_imput var = document.getElementById ( ' searchTextField ');
3

specificare le opzioni per i dati di input . Le opzioni includono l'impostazione dei limiti , che limita la latitudine e longitudine per la ricerca auto-complete , e impostare il tipo di ingresso , che permette all'utente di cercare da un nome commerciale o un indirizzo geocode . Ad esempio, digitare :
opzioni var

= { limiti : defaultBounds , tipi : [' geocode '] } ;

In questo esempio , gli utenti possono effettuare ricerche per indirizzo e la gamma di default o limiti è senza restrizioni .
4

creare il controllo automatico. Ad esempio, digitare :

userAutocomplete = new google.maps.places.Autocomplete ( ingresso , opzioni) ;
5

Cambia l'etichetta per il campo di input nel codice HTML . Ad esempio, digitare :



6

Salvare il file e testarlo . Google Maps controlla il campo di inserimento e di auto- completa il campo quando un utente inizia a digitare .

 

Programmazione © www.354353.com