Autocomplete Countries List using Google Maps API

StackOverflow https://stackoverflow.com/questions/21669015

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.

Was it helpful?

Solution

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

Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow
scroll top