如何阻止Google Places API返回特定国家的结果？

Google Places API的componentRestrictions参数不支持直接排除特定国家，官方文档里也没有提供类似!US这种否定语法的支持。要实现排除单个国家的自动补全结果，可以通过前端过滤预测结果的方式来实现，具体步骤如下：

方法一：监听自动补全结果并过滤 #

初始化自动补全组件时不设置国家限制，然后监听place_changed事件，在用户选择结果后检查该地点所属国家，若为目标排除国则拒绝并提示用户：

// 初始化自动补全
const input = document.getElementById('autocomplete-input');
const autocomplete = new google.maps.places.Autocomplete(input);

// 监听地点选择事件
autocomplete.addListener('place_changed', () => {
  const place = autocomplete.getPlace();
  // 遍历地址组件找到国家信息
  const country = place.address_components?.find(component => 
    component.types.includes('country')
  );
  
  // 排除美国（国家代码为US）
  if (country?.short_name === 'US') {
    // 清除输入或提示用户
    input.value = '';
    alert('请选择美国以外的地点');
    return;
  }
  
  // 处理符合要求的地点
  console.log('选中地点:', place);
});

方法二：手动获取预测结果并过滤 #

如果需要在下拉列表阶段就排除目标国家的结果，可以使用PlacesService的getPlacePredictions方法手动获取预测，过滤后再自定义渲染下拉选项：

const input = document.getElementById('autocomplete-input');
const service = new google.maps.places.PlacesService(document.createElement('div'));

// 监听输入框变化
input.addEventListener('input', () => {
  const query = input.value.trim();
  if (!query) return;
  
  // 获取地点预测
  service.getPlacePredictions({ input: query }, (predictions, status) => {
    if (status !== google.maps.places.PlacesServiceStatus.OK) return;
    
    // 过滤掉美国的结果
    const filteredPredictions = predictions.filter(prediction => {
      // 检查预测结果中的国家信息
      return !prediction.terms.some(term => 
        term.value === 'United States' || term.value === 'US'
      );
    });
    
    // 自定义渲染过滤后的下拉选项（这里需要自己实现DOM渲染逻辑）
    renderFilteredPredictions(filteredPredictions);
  });
});

// 自定义渲染函数示例
function renderFilteredPredictions(predictions) {
  const dropdown = document.getElementById('autocomplete-dropdown');
  dropdown.innerHTML = '';
  
  predictions.forEach(prediction => {
    const option = document.createElement('div');
    option.textContent = prediction.description;
    option.addEventListener('click', () => {
      input.value = prediction.description;
      dropdown.innerHTML = '';
      // 可选：根据prediction.place_id获取完整地点信息
    });
    dropdown.appendChild(option);
  });
}

注意事项 #

• 上述过滤依赖于预测结果中的地址文本或组件信息，可能存在少量误判（比如部分地点名称包含US但不属于美国），可以结合地点的place_id进一步验证完整地址信息。
• 如果需要更精准的过滤，在获取到place_id后，可以调用getDetails方法获取完整地点详情，再检查国家代码是否为目标排除国。

内容的提问来源于stack exchange，提问作者Rahul