javascript - 仅获取国家以从 Google Maps API 自动完成

Question

我正在使用 Google Maps API 获取城市和国家/地区的自动完成列表(没有其他详细信息)，而且效果很好。

var input = document.getElementById('newAddress');
    var options = {
        types: ['(cities)']
    };

    autocomplete = new google.maps.places.Autocomplete(input, options);

现在我想做完全相同的事情，但只获取国家名称。诸如将 types: ['(cities)'] 替换为 types: ['(countries)']...
(我试过但没用)

我应该怎么做才能只让国家进入我的自动完成？

Answer 1

我使用 Google Autocomplete API 已经有一段时间了，这里是我能找到的将结果限制为仅国家/地区的最佳解决方案:

var autocomplete = new google.maps.places.Autocomplete(input, options);
var result = autocomplete.getPlace();
console.log(result); // take a look at this result object
console.log(result.address_components); // a result has multiple address components

for(var i = 0; i < result.address_components.length; i += 1) {
  var addressObj = result.address_components[i];
  for(var j = 0; j < addressObj.types.length; j += 1) {
    if (addressObj.types[j] === 'country') {
      console.log(addressObj.types[j]); // confirm that this is 'country'
      console.log(addressObj.long_name); // confirm that this is the country name
    }
  }
}

如果查看返回的结果对象，您会发现有一个 address_components 数组，其中包含代表地址不同部分的多个对象。在这些对象中的每一个中，它将包含一个“types”数组，在这个“types”数组中，您会看到与地址相关联的不同标签，包括国家/地区标签。