Comment faire pour utiliser l'API Google Maps pour Auto Complete Fields Localisation
Interagissez avec les visiteurs de votre site Web en leur permettant d'entrer dans un emplacement spécifique sur votre carte Google personnalisée. Utilisation de l' API Google Maps version 3 , vous pouvez créer un champ de texte pour les utilisateurs d'entrer une adresse ou un nom commercial. Sur la base du texte saisi , Google Maps offrir des suggestions et auto- compléter le champ . Vous ajoutez la fonction "Lieux saisie semi-automatique " à votre coutume Google Map en utilisant le constructeur " Autocomplete " . Instructions 1
Accédez à votre fichier HTML et de localiser votre code Google Maps. 2
définir la variable d' entrée de l'utilisateur après le code d'initialisation de votre carte . Par exemple, tapez :
var user_imput = document.getElementById (' searchTextField '); 3
spécifier des options pour les données d'entrée . Les options comprennent l'établissement des limites , ce qui restreint la latitude et la longitude de la recherche auto-complétion , et en réglant le type d'entrée , ce qui permet à l' utilisateur de rechercher par un nom d'entreprise ou une adresse de géocodage . Par exemple, tapez : Photos
Dans cet exemple , les utilisateurs peuvent effectuer une recherche par adresse et la plage par défaut ou bounds sans restriction . 4
créer le contrôle Autocomplete . Par exemple, tapez :
userAutocomplete = new google.maps.places.Autocomplete ( entrée, options); 5
modifier l'étiquette pour le champ de saisie de votre code HTML. Par exemple, tapez :
< br > 6
Enregistrez votre fichier et le tester. Google Maps surveille le champ de saisie et complète automatiquement le champ lorsqu'un utilisateur commence à taper .