Hvordan bruke Google Maps API til Auto Complete Beliggenhet Fields

Samhandle med besøkende til nettstedet ditt ved å tillate dem å angi et bestemt sted på et tilpasset Google Map. Ved hjelp av Google Maps API versjon 3, kan du opprette et tekstfelt for brukere å skrive inn en adresse eller firmanavn. Basert på teksten inn, vil Google Maps med forslag og auto-fullføre feltet. Du legger den "Places Autofullfør" -funksjonen til den tilpassede Google Map ved å bruke "autofullfør" konstruktør.

Bruksanvisning

1 Få tilgang til HTML-fil og finn din Google Maps-kode.

2 Definere variabelen for brukerundersøkelser etter koden initialisering kartet. For eksempel inn:

Var user_imput = document.getElementById ( 'searchTextField');

3 Angi alternativer for inndata. Alternativene inkluderer å sette grenser, som begrenser en breddegrad og lengdegrad for autofullfør-søk, og sette den type input, som tillater brukeren å søke etter et firmanavn eller en geokode adresse. For eksempel inn:

Var alternativer = {
grenser: defaultBounds,
typer: [ 'geokode']
};

I dette eksempelet kan brukerne søke etter adresse, og standardområdet eller grenser er ubegrenset.

4 Lag autofullfør kontroll. For eksempel inn:

userAutocomplete = ny google.maps.places.Autocomplete (input, opsjoner);

5 Endre etiketten for inntastingsfeltet i HTML-koden. For eksempel inn:

<Input id = "searchTextField" type = "text" size = "50" plassholder = "Angi en plassering:">

6 Lagre filen og teste den. Google Maps overvåker inntastingsfeltet og auto-fullfører feltet når en bruker begynner å skrive.