Google Places Autocomplete

Question

I am using google.maps.places.Autocomplete, I want city to autocomplete but restrict the autocomplete results to multiple cities, not just one as in the google documentation.

this is what I have

<script src="http://maps.googleapis.com/maps/api/js?sensor=false&amp;libraries=places" type="text/javascript"></script>
<script type="text/javascript">
 function initialize() {

    var input = document.getElementById('searchTextField');

    /* restrict to multiple cities? */
    var options = {
       types: ['(cities)'],
       componentRestrictions: {country: "us", "fr"}
    };


    var autocomplete = new google.maps.places.Autocomplete(input, options);
 }
 google.maps.event.addDomListener(window, 'load', initialize);
</script>

<div>
<input id="searchTextField" type="text" size="50" placeholder="Enter a location" autocomplete="on">
</div>

Ironically, this is the first example that I have found for filtering by country. Thanks! Where did you go for documentation btw? — fatfrog, Nov 30 '14 at 22:06
Workaround here: http://stackoverflow.com/questions/11290755/limit-google-maps-of-countries-in-the-autocomplete-list-to-india-usa-and-uk/36064059#36064059 — metamagikum, Mar 17 '16 at 14:55

score 3 · Answer 1 · answered Aug 16 '12 at 10:38

3

Actually the Places API supports only 1 country as restriction. ComponentRestrictions

answered Aug 16 '12 at 10:38

sgimeno

1,883
1
22
35

score 1 · Answer 2 · answered May 04 '12 at 19:32

1

I am new to google places autocomplete but I think the error is here:

componentRestrictions: {country: "us", "fr"}

Try this:

componentRestrictions: {country: ["us", "fr"]}

answered May 04 '12 at 19:32

Naor

23,465
48
152
268

score 0 · Answer 3 · answered Mar 17 '15 at 21:03

0

You can only add 1 country for restrictions. https://developers.google.com/maps/documentation/javascript/reference#ComponentRestrictions

answered Mar 17 '15 at 21:03

prestarocket

733
3
12
30

Google Places Autocomplete

3 Answers3