Yshopnoosa.com

Hur man använder Google Maps API för Auto komplett läge fält

Interagera med besökare till din webbplats genom att tillåta dem att ange en specifik plats på din egen Google karta. Med Google Maps API Version 3 kan du skapa ett textfält för användare att ange en adress eller företagsnamn. Baserat på den inmatade texten, Google Maps kommer att ge förslag och komplettera automatiskt i fältet. Du lägger den "platser" funktionen till din egen Google karta med konstruktorn "Komplettera automatiskt".

Instruktioner

1 Öppna HTML-filen och leta upp din Google Maps kod.

2 Definiera variabeln för användarindata efter koden initierar din karta. Exempelvis skriv:

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

3 Ange alternativ för indata. Även sätta gränserna, som begränsar en latitud och longitud för att komplettera automatiskt söka, och ange vilken typ av ingång, som tillåter användaren att söka efter ett företagsnamn eller en geocode adress. Exempelvis skriv:

var alternativ = {gränser: defaultBounds,typer: [geocode]};

I det här exemplet-användare kan söka efter adress och standardintervallet eller gränser är obegränsad.

4 Skapa komplettera automatiskt control. Exempelvis skriv:

userAutocomplete = ny google.maps.places.Autocomplete (ingång, alternativ);

5 Ändra etiketten för fältet i din HTML-kod. Exempelvis skriv:

< input-id = "searchTextField" type = "text" storlek = "50" platshållare = "Ange en plats:" >

6 Spara filen och testa den. Google Maps övervakar inmatningsfältet och auto-Slutför fältet när användaren börjar skriva.