Maps API v3 Places Autocomplete change listener

by Alex Azuero

HTML

<script src="https://maps.googleapis.com/maps/api/js?libraries=places"></script>
<input id="autocomplete" placeholder="Enter your address" type="text"></input>

JavaScript

var placeSearch, autocomplete;

function initialize() {

    autocomplete = new google.maps.places.Autocomplete(document.getElementById('autocomplete'), {
        types: ['(regions)']
    });

    google.maps.event.addListener(autocomplete, 'place_changed', function () {
        var place = autocomplete.getPlace();
        console.log(place);
    });
}

initialize();