I want to get the auto plete behaviour of the Google maps, but I am not getting the exact reason why it is showing this

*Uncaught TypeError: Cannot read property 'Autoplete' of undefined *

where as I used this

  var addressValue = document.getElementById('geoFenceAddress');
  alert(addressValue);
  var autoplete = new google.maps.places.Autoplete(addressValue);
  autoplete.bindTo('bounds', geoFenceAddress);

I have an element with id 'geoFenceAddress' and infact the alert is showing this [Object HTMLInputElement].

I am not understanding where I am lacking , please shed some light.........

:(

I want to get the auto plete behaviour of the Google maps, but I am not getting the exact reason why it is showing this

*Uncaught TypeError: Cannot read property 'Autoplete' of undefined *

where as I used this

  var addressValue = document.getElementById('geoFenceAddress');
  alert(addressValue);
  var autoplete = new google.maps.places.Autoplete(addressValue);
  autoplete.bindTo('bounds', geoFenceAddress);

I have an element with id 'geoFenceAddress' and infact the alert is showing this [Object HTMLInputElement].

I am not understanding where I am lacking , please shed some light.........

:(

• javascript
• html
• google-maps-api-3

Share Follow asked Dec 11, 2012 at 5:43 Ankur VermaAnkur Verma 5,9331616 gold badges6161 silver badges9595 bronze badges 0

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 6

You need to add the places library when you load the API.

<script src="https://maps.googleapis./maps/api/js?sensor=false&libraries=places"></script>