使用Google Maps API自动填充国家/地区列表

时间:2014-02-10 04:20:34

标签: javascript google-maps google-places

我有以下代码,我已经操作了一段时间,但我根本无法让它返回结果..

    

    <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>

使用上面的代码,我可以获取特定国家/地区的城市列表。但我的要求是我需要单独列出国家名单。

如果未通过选项,则所有地方都将作为结果返回。

有没有办法单独过滤这些国家?如果您有任何解决方案,请帮助我。

1 个答案:

答案 0 :(得分:4)

此时,您不能因为没有“国家/地区”place type。区域将自动完成国家(但不包括国家)。

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

Get only countries to autocomplete from Google Maps API提供了一些替代解决方案。以下是仅有区域的示例:http://plnkr.co/edit/QjPEczt6AosghVP8EHNV