Wie Google Maps API , um Auto Complete Lage Felder verwenden
Interagieren Sie mit den Besuchern Ihrer Website , indem sie zu einer bestimmten Stelle auf Ihrer benutzerdefinierten Google Map geben . Mit der Google Maps API Version 3 können Sie ein Textfeld für die Nutzer eine Adresse oder Firmennamen einzugeben. Basierend auf den Text eingegeben haben, wird Google Maps bieten Anregungen und auto- vervollständigen das Feld . Sie fügen die "Places Autocomplete "-Funktion , um Ihre benutzerdefinierten Google Map mit dem " Autocomplete " Konstruktor . Anleitung 1
Zugriff auf Ihre HTML-Datei und suchen Sie Ihre Google Maps -Code. 2
Definieren Sie die Variable für Benutzereingaben nach dem Code der Initialisierung der Karte . Geben Sie z. B. :
var user_imput = document.getElementById (' searchTextField '); 3
Legen Sie Optionen für die Eingabedaten . Optionen gehören die Festlegung der Grenzen , die eine Breite und Länge für die Auto-Vervollständigen- Suche beschränkt , und die Einstellung der Art der Eingabe , die dem Benutzer durch eine Firma oder eine Adresse suchen geocode erlaubt . Geben Sie z. B. :
In diesem Beispiel Benutzer nach Adressen suchen und die Standard- Palette oder Grenzen ist unbeschränkt. 4
erstellen Sie die Autocomplete Kontrolle. Geben Sie z. B. :
userAutocomplete = new google.maps.places.Autocomplete (Eingang, options); 5
Ändern Sie die Bezeichnung für das Eingabefeld in Ihren HTML-Code. Geben Sie zum Beispiel : Geben
< br > 6
Speichern Sie die Datei und testen Sie es . Google Maps überwacht das Eingabefeld und automatisch vervollständigt das Feld , wenn ein Benutzer beginnt mit der Eingabe.