Autocomplete Countries List using Google Maps API

Question

I have the following code which I've been manipulating for a while, but I simply can't get it to return results..

    <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 options = {
                types: ['(cities)'],
                componentRestrictions: {country: "us"}
            };
            var input = document.getElementById('searchTextField');
            var autocomplete = new google.maps.places.Autocomplete(input , options);
        }
        google.maps.event.addDomListener(window, 'load', initialize);
    </script>

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

Using the above code i am able to get the cities list for a specific Country. But my requirement is I need to get the Countries list alone.

If the options is not passed then all the Places are returned as Result.

Is there any way to filter the countries alone ??? Please help me if you have any solution for this.

Answer 1

At this point, you can't as there is no 'country' place type . Regions will autocomplete countries though (but not countries alone).

    var options = {
        types: ['(regions)']
    };

Get only countries to autocomplete from Google Maps API offers some alternative solutions. Here's an example of regions alone: http://plnkr.co/edit/QjPEczt6AosghVP8EHNV

Autocomplete Countries List using Google Maps API

Question

1 answers

solution1
4 ACCPTED 2014-02-10 04:29:15

Autocomplete Countries List using Google Maps API

Question

1 answers

solution1 4 ACCPTED 2014-02-10 04:29:15

solution1
4 ACCPTED 2014-02-10 04:29:15