使用 Google Maps API 自动完成国家列表

Mah*_*ari 3 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>
Run Code Online (Sandbox Code Playgroud)

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

如果未传递选项,则所有位置都将作为结果返回。

有什么办法可以单独过滤国家吗???如果您对此有任何解决方案,请帮助我。

Wil*_*ill 5

在这一点上,你不能,因为没有“国家”地方类型。地区将自动完成国家(但不仅仅是国家)。

    var options = {
        types: ['(regions)']
    };
Run Code Online (Sandbox Code Playgroud)

仅从 Google Maps API 获取国家/地区自动完成功能提供了一些替代解决方案。这是单独区域的示例:http : //plnkr.co/edit/QjPEczt6AosghVP8EHNV