Πώς να χρησιμοποιήσετε το Google Maps API για Auto Complete πεδία τοποθεσίας

αλληλεπιδρούν με τους επισκέπτες της ιστοσελίδας σας , επιτρέποντάς τους να εισαγάγετε μια συγκεκριμένη θέση στο έθιμο σας Google Map . Χρησιμοποιώντας το API έκδοση Google Maps 3 , μπορείτε να δημιουργήσετε ένα πεδίο κειμένου για τους χρήστες να εισάγετε μια διεύθυνση ή την εταιρική επωνυμία . Με βάση το κείμενο που εισάγεται , οι Χάρτες Google θα προσφέρει προτάσεις και αυτόματη συμπληρώσετε το πεδίο . Μπορείτε να προσθέσετε το " Places Αυτόματης " χαρακτηριστικό στην προσαρμοσμένη σας Google Map χρησιμοποιώντας τον κατασκευαστή " Αυτόματη συμπλήρωση " . Οδηγίες
Η 1

Δείτε το αρχείο HTML σας και εντοπίστε το Google Maps κωδικό σας . 2

Ορίστε τη μεταβλητή για την είσοδο του χρήστη μετά ο κώδικας αρχικοποίησης χάρτη σας . Για παράδειγμα, πληκτρολογήστε :

var user_imput = document.getElementById ( « searchTextField ') ?
Εικόνων 3

επιλογές για τα δεδομένα εισόδου Καθορίστε . Οι επιλογές περιλαμβάνουν τον καθορισμό των ορίων , η οποία περιορίζει το γεωγραφικό πλάτος και μήκος για την αυτόματη πλήρη έρευνα και τη ρύθμιση του τύπου της εισόδου , ​​το οποίο επιτρέπει στο χρήστη να αναζητήσει από ένα όνομα επιχείρησης ή μιας διεύθυνσης geocode . Για παράδειγμα, πληκτρολογήστε :
επιλογές

var = { όρια : defaultBounds , τύπους : [ « geocode '] } ?

Σε αυτό το παράδειγμα , οι χρήστες μπορούν να αναζητήσουν με τη διεύθυνση και το προεπιλεγμένο εύρος ή τα όρια είναι απεριόριστη .
Η 4

Δημιουργήστε τον έλεγχο αυτόματης συμπλήρωσης . Για παράδειγμα, πληκτρολογήστε :

userAutocomplete = νέα google.maps.places.Autocomplete (είσοδος , επιλογές ) ?
5

Αλλάξτε την ετικέτα για το πεδίο εισαγωγής στον κώδικα HTML σας . Για παράδειγμα, πληκτρολογήστε :

6

Αποθηκεύστε το αρχείο σας και δοκιμάστε το . Χάρτες Google παρακολουθεί το πεδίο εισαγωγής και συμπληρώνει αυτόματα το πεδίο , όταν ένας χρήστης αρχίζει να δακτυλογραφεί .
Η
εικόνων