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

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

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

如果未传递选项,则所有地点都作为结果返回。

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

最佳答案

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

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

Get only countries to autocomplete from Google Maps API提供了一些替代解决方案。这里有一个单独的区域示例:http://plnkr.co/edit/QjPEczt6AosghVP8EHNV

关于javascript - 使用 Google Maps API 自动完成国家列表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21669015/

相关文章:

javascript - 'gridSize'在 'option'对象下的MarkerClusterer中定义了什么?

Android 谷歌地图自定义信息窗口

javascript - 在 IE8 中调用从 iFrame 写入父级的父级函数

javascript - 在 Google Maps V3 中获取 GeoJSON 数据层的属性

javascript - 在 Angular 2 中绑定(bind) ngmodel 中的 json 值

android - 无法解析 : com. google.android.libraries.places :1. 0.0:

android - 无法在云控制台中启用 Maps SDK for Android

ios - Google Places for iOS SDK v3.2.0 抛出错误

javascript - 按钮中的 GIF 图像

javascript - 根据 HTML 表单中的值更改 JavaScript 函数