I use this code to provide autopletion of location names thanks to the Google Maps API:

var autoplete = new google.maps.places.Autoplete(document.getElementById('adr'));

City : <input id="adr" type="text" class="form-control" value="" >
<script src=";amp;libraries=places" type="text/javascript"></script>

I use this code to provide autopletion of location names thanks to the Google Maps API:

var autoplete = new google.maps.places.Autoplete(document.getElementById('adr'));

City : <input id="adr" type="text" class="form-control" value="" >
<script src="http://maps.googleapis./maps/api/js?sensor=false&amp;libraries=places" type="text/javascript"></script>

All locations names are provided, like city names "Paris", but also country names "Germany", region names, etc.

How is it possible to have autopletion but for city names only? i.e. no street names, no country names, no region names ?

• javascript
• google-maps
• autoplete

2 Answers 2

That's in the doc : https://developers.google./places/documentation/autoplete#place_types

var autoplete = new google.maps.places.Autoplete(yourHTMLElement, { types: ['(cities)']});

var autoplete = new google.maps.places.Autoplete(
  document.getElementById('adr'),
  { 
    types: ['(cities)']
  }
);

City : <input id="adr" type="text" class="form-control" value="" style="width:100%">
<script src="http://maps.googleapis./maps/api/js?sensor=true&amp;libraries=places" type="text/javascript"></script>