Hur man använder Google Maps API för att komplettera automatiskt platsfälten

Interagera med besökare till din webbplats genom att tillåta dem att ange en särskild plats på din egen Google Map . Använda Google Maps API Version 3 , kan du skapa ett textfält för användare att ange en adress eller firmanamn . Baserat på den inmatade texten , kommer Google Maps rslag och automatisk fylla i fältet . Du lägger till " Places Autocomplete " -funktionen på din egen Google Map med hjälp av " Komplettera automatiskt " konstruktör . Instruktioner
1

Öppna din HTML-fil och hitta din Google Maps -kod .
2

Definiera variabeln för användarens input efter koden Initiera din karta . Till exempel , typ :

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

Ange alternativ för indata . Alternativen omfattar fastställande av gränser , vilket begränsar en latitud och longitud för automatisk fullständig sökning , och ställa in typ av ingång , vilket tillåter användaren att söka efter ett företagsnamn eller en geocode adress . Till exempel , typ :

var options = { hejd : defaultBounds , typ : [ ' geocode ' ] };

I detta exempel , kan användare söka efter adress och standard sortiment eller gränser är obegränsad .
4

Skapa Komplettera automatiskt kontroll . Till exempel , typ :

userAutocomplete = ny google.maps.places.Autocomplete ( input , optioner ) ,
5

Ändra etikett för inmatningsfältet i HTML-koden . Till exempel , typ :

6

Spara filen och testa den . Google Maps övervakar fältet och kompletteras automatiskt fältet när användaren börjar skriva .