¿Cómo hacer un campo de dirección de autocompletar con la API de Google Maps?

Traemos la mejor solución que descubrimos en todo internet. Nosotros esperamos que te resulte útil y si deseas aportar algo que nos pueda ayudar a perfeccionar nuestra información hazlo libremente.

Solución:

Bueno, mejor tarde que nunca. Google Maps API v3 ahora proporciona autocompletado de direcciones.

Los documentos de API están aquí: http://code.google.com/apis/maps/documentation/javascript/reference.html#Autocompletar

Un buen ejemplo está aquí: http://code.google.com/apis/maps/documentation/javascript/examples/places-autocomplete.html

Es fácil, pero los ejemplos de la API de Google le brindan una explicación detallada sobre cómo puede hacer que el mapa muestre la ubicación ingresada. Solo para la función de autocompletar, puede hacer algo como esto.

Primero, habilite el servicio web API de Google Places. Obtenga la API key. Tendrá que usarlo en la etiqueta del script en el archivo html.

    // scripts.js custom js file
$(document).ready(function () 
   google.maps.event.addDomListener(window, 'load', initialize);
);

function initialize() 
    var input = document.getElementById('location');
    var autocomplete = new google.maps.places.Autocomplete(input);

Below I split all the details of formatted address like City, State, Country and Zip code. 
So when you start typing your street name and select any option then street name write over street field, city name write over city field and all other fields like state, country and zip code will fill automatically. 
Using Google APIs.
------------------------------------------------