Autocomplete Countries List using Google Maps API

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.

Recommended topics

Hot tags