Attempting to get auto complete working for my google maps application.
Here is the current code:
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);
Unfortunately nothing happens when typing an address.
Any ideas?
Thanks in advance.
Edit: I'm actually receiving the following error:
Uncaught TypeError: Cannot read property 'autocomplete' of undefined
Not sure why, the code is placed in my map initialize function.
Edit 2: Fixed. Answer below.
Fixed. The autocomplete library is actually a separate library that must be explicitly loaded. The following line solved the problem.
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?libraries=places&sensor=false"></script>