Google Maps v3 API - Autocompletar (dirección)

Question

Intentando completar automáticamente el trabajo para mi aplicación Google Maps.

Aquí está el código actual:

HTML

<input type="text" class="clearText" id="address" name="address" value="" size=20 autocomplete="off"> 

Javascript

var input = document.getElementById('address'); 
    var options = { 
     componentRestrictions: {country: 'au'} 
    }; 
    var autocomplete = new google.maps.places.Autocomplete(input, options); 

Desafortunadamente no pasa nada cuando se escribe una dirección.

¿Alguna idea?

Gracias de antemano.

Editar: En realidad estoy recibiendo el siguiente error:

TypeError no detectada: No se puede leer la propiedad 'autocompletar' de la indefinida

No sé por qué, el código se coloca en mi mapa de funciones inicializar.

Edit 2: Fixed. Responda abajo.

Answer 1

fijo. La biblioteca de autocompletar es en realidad una biblioteca separada que debe cargarse explícitamente. La siguiente línea resolvió el problema.

<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?libraries=places‌​&sensor=false"></scr‌​ipt> 

Answer 2

Su solución funcionó para mí también. Estoy usando el Geocomplete jQuery plug-in http://ubilabs.github.com/geocomplete/ y las instrucciones que aparecen en su página de inicio dice utilizar este

<script src="http://maps.googleapis.com/maps/api/js?sensor=false&amp;libraries=places"></script> 

Pero no funcionó para mí y estaba recibiendo el mismo error.

Consulte la documentación API de Google Maps aquí https://developers.google.com/maps/documentation/javascript/places?hl=en-EN#loading_the_library

Answer 3

Gracias Matt por la respuesta! De alguna manera, parece ser importante no omitir el atributo type="text/javascript" en la etiqueta <script> cuando se usa libraries=places.

No funciona:

<script src="http://maps.googleapis.com/maps/api/js?libaries=places&sensor=false&callback=initMap"></script> 
<script src="http://maps.googleapis.com/maps/api/js?libaries=places&sensor=false"></script> 

Obras:

<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?libraries=places&sensor=false"></script> 

variante de devolución de llamada también funciona (con función definida initMap):

<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?libraries=places&sensor=false&callback=initMap"></script> 

Esto parece ser consistente con otro SO answer e inconsistente con official documentation (a menos que se proporcione el key en la url hace la diferencia).

Answer 4

hay que añadir 'aplazar asíncrono' al atributo de la escritura, así: