CODEWITHSUNDEEP
javascriptgoogle-mapsautocomplete
Basj
Basj

Reputation: 46333

Get only city names with Google Maps API autocompletion

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

var autocomplete = new google.maps.places.Autocomplete(document.getElementById('adr'));
City : <input id="adr" type="text" class="form-control" value="" >
<script src="http://maps.googleapis.com/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 autocompletion but for city names only? i.e. no street names, no country names, no region names ?

Upvotes: 2

Views: 11784

Answers (2)

Sushant Pimple
Sushant Pimple

Reputation: 1535

var autocomplete = new google.maps.places.Autocomplete(
  document.getElementById('adr'),
  { 
    types: ['(cities)']
  }
);
City : <input id="adr" type="text" class="form-control" value="" style="width:100%">
<script src="http://maps.googleapis.com/maps/api/js?sensor=true&amp;libraries=places" type="text/javascript"></script>

Upvotes: 0

NeoPix
NeoPix

Reputation: 443

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

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

Upvotes: 6

Related Questions