Cómo utilizar el API de Google Maps para autocompletar campos de ubicación

Interactuar con los visitantes de su sitio web, lo que les permite entrar en un lugar específico en el Google Map personalizado. Uso de la API de Google Maps Versión 3 , puede crear un campo de texto para que los usuarios entran en una dirección o nombre de la empresa . Con base en el texto escrito , Google Maps ofrecer sugerencias y auto- completar el campo . Agregue el " Lugares Autocompletar " característica para su aduana Google Map con el constructor " Autocompletar " . Instrucciones
1

acceder a su archivo HTML y localizar el código de Google Maps.
2

Defina la variable de entrada del usuario después de que el código de inicialización de su mapa. Por ejemplo , escriba:

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

Especifica opciones para los datos de entrada . Las opciones incluyen el establecimiento de los límites , lo que restringe la latitud y la longitud para la búsqueda de autocompletar , y establecer el tipo de entrada , lo que permite al usuario buscar por nombre de empresa o una dirección de geocodificación . Por ejemplo , escriba:

var options = { límites : defaultBounds , tipos : [' geocodificación '] } ;

En este ejemplo , los usuarios pueden buscar por dirección y el rango por defecto o límites es sin restricciones .
4

Crear el control Autocompletar . Por ejemplo , escriba:

userAutocomplete = new google.maps.places.Autocomplete ( entrada, opciones) ;
5

Cambiar la etiqueta para el campo de entrada en el código HTML. Por ejemplo , escriba:

6

Guarde el archivo y pruébelo . Google Maps supervisa el campo de entrada y completa automáticamente el campo cuando un usuario comienza a escribir .