Google Places Autocomplete

Make an autocomplete address field using Google Place Autocomplete api

HTML

<script src="http://maps.googleapis.com/maps/api/js?sensor=false&amp;libraries=places&amp;dummy=.js"></script>
<script type="text/javascript"
            src="https://maps.googleapis.com/maps/api/js?libraries=places&key=AIzaSyDV5ctLCfMaUpG7boUEiLUPvH7uU_uafuA"></script>
<label for="searchTextField">Please Insert an address:</label>
<br>
<input id="searchTextField" type="text" size="50">

JavaScript

// https://developers.google.com/maps/documentation/javascript/examples/places-autocomplete

var input = document.getElementById('searchTextField');
var options = {
    componentRestrictions: {
        country: 'fr'
    }
};

var autocomplete = new google.maps.places.Autocomplete(input, options);

google.maps.event.addListener(autocomplete, 'place_changed', function () {

    var place = autocomplete.getPlace();
    var lat = place.geometry.location.lat();
    var long = place.geometry.location.lng();
    
    alert(lat + ", " + long);
    
    $("#update_profile_postal_code").val(lat.toString());

});