Autocompletar direcciones usando la API de Google

google_address_api

En éste tutorial vamos a usar la API de Google para autocompletar direcciones, la cual provee direcciones de sugerencia basado en el término de búsqueda del usuario y su ubicación.

Crear archivo index.html y añadir código HTML :

Vamos a crear un directorio llamado lugares dentro de la carpeta root de nuestro servidor, luego crearemos dentro de dicho directorio 3 carpetas (css y js). A continuación, descargue los archivos: bootstrap y jQuery y añadir en sus respectivos directorios css y js. Ahora crearemos el archivo index.html e incluir esos archivos css y js en el archivo index.html.

 

Archivo Javascript/jQuery de Google que autocompleta la dirección

Con los fragmentos de códigos anteriores básicamente hemos contruido nuestro autompletado usando direcciones proveidas por Google.

Demostración en vivo Descargar Archivos

 

  • Irving Paul León Salvador

    Buen trabajo, existe alguna forma de enviar el Codigo Postal automaticamente a un input? te agradeceria si me ayudas con ese problema