title: Get only city names with Google Maps API autocompletion
body: <p>I use this code to provide <strong>autocompletion of location names</strong> thanks to the Google Maps API:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>var autocomplete = new google.maps.places.Autocomplete(document.getElementById('adr'));</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>City : &lt;input id="adr" type="text" class="form-control" value="" &gt;
  &lt;script src="http://maps.googleapis.com/maps/api/js?sensor=false&amp;amp;libraries=places" type="text/javascript"&gt;&lt;/script&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>All locations names are provided, like city names "Paris", but also country names "Germany", region names, etc.</p>
  
  <p>How is it possible to have autocompletion but for <strong>city names</strong> only? i.e. no street names, no country names, no region names ?</p>