2011-09-18

Autocompletar la dirección de busqueda

Es posible autocompletar la dirección de búsqueda en nuestro mapa usando las APIs de Google Places.

Si queremos autocompletar el texto de un campo de texto del tipo:

<input id="direccion" type="text" />

debemos usar un script del tipo

var inputEl = document.getElementById("direccion");
var autoComplete = new google.maps.places.Autocomplete(inputEl);
google.maps.event.addListener(autoComplete, 'place_changed', geolocalizar);

donde la segunda línea
var autoComplete = new google.maps.places.Autocomplete(inputEl);
es la que aplica el autocompletado al campo

y la tercera línea
google.maps.event.addListener(autoComplete, 'place_changed', geolocalizar);
es la que llama a la función "geolocalizar" (o cualquier otra de nuestra elección) cuando el usuario termina de buscar.

Muy simple de aplicar.


4 comentarios:

  1. Y la funcion geolocalizar?, crees que es necesario publicar un video para contar semejante cosa semejante?,

    Vale tu tiempo tanto como para hacer esto?

    Crees que dejaras este comentario?

    ResponderEliminar
  2. Sí que sería útil comentar la funcion de "geolocalizar" que comentas y que pregunta Anónimo.

    ResponderEliminar
    Respuestas
    1. Un ejemplo de ese tipo de funciones aparece en http://ayuda-it.blogspot.com.es/2011/09/geolocalizacion-en-un-mapa-de-google.html

      Eliminar
  3. esta muy bien la explicación de autocompletar!!

    ResponderEliminar