Ako používať Google Maps API pre Auto Complete Poloha Pole

interakciu s návštevníkmi na vaše webové stránky tým , že im umožňuje zadať konkrétne miesto na vašom zvyku Google Map . Pomocou Google Maps API verzie 3 , môžete vytvoriť textové pole pre užívateľa na zadanie adresy alebo obchodné meno. Na text zadaný základe , bude Google Maps ponúka návrhy a auto - dokončenie poľa . Môžete pridať funkciu " Miesta Automatické dokončovanie " do vášho zvyku Google Map pomocou " Automatické dokončovanie " konštruktor . Pokyny dovolená 1

Prístup súbor HTML a vyhľadajte Google Maps kód .
2

Definujte premennú pre vstup užívateľa po kód inicializácia svoju mapu . Napríklad typ :

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

možnosti vstupných dát Určite . Možnosti zahŕňajú stanovenie hranice , ktorá obmedzuje na zemepisnú šírku a dĺžku pre automatické dokončovanie vyhľadávania , a nastavenie typu vstupu , ktorý umožňuje užívateľovi vyhľadávať podľa názvu podnikania alebo geocode adresu . Napríklad typ : Spojené možnosti

var = { Bounds : defaultBounds , typy : [ ' Geocode ' ] } ;

V tomto príklade , môžu užívatelia vyhľadávať podľa adresy a predvolený rozsah alebo hranice je neobmedzená .
4

Vytvorte kontrolu funkcie Automatické dokončovanie . Napríklad typ :

userAutocomplete = new google.maps.places.Autocomplete ( vstup , možnosti ) ;
5

Zmeňte označenie pre vstupné polia v HTML kóde . Napríklad typ :

input id = " searchTextField " type = " text " size = " 50 " placeholder = " Please zadajte location : " >

6

Uložte súbor a vyskúšať . Mapy Google sleduje vstupné pole a automaticky dokončí pole , keď používateľ začne písať .

• Predchádzajúca strana: Ako pridať obrázok šablónu s V3 Maps API 
• Ďalšia strana: Ako zakázať Google Maps API Marker bublina