Google Places Autocomplete

Make an autocomplete address field using Google Place Autocomplete api

by Roberto Apasajja

HTML

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

JavaScript

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