如何移除Google Places Autocomplete（限德国）结果中的国家名称

既然你已经通过componentRestrictions把范围锁定在德国了，想要去掉结果里的国家名称，只需要在用户选择地址后，手动处理返回的结构化地址组件，过滤掉国家部分就行。下面是具体的实现代码：

// 保留你原有的创建自动补全的代码
var autocomplete_pickup = new google.maps.places.Autocomplete(pickup_field, { 
  types: ["address"], 
  componentRestrictions: {country: "de"} 
});

// 新增地址选择后的处理逻辑
autocomplete_pickup.addListener('place_changed', function() {
  const selectedPlace = autocomplete_pickup.getPlace();
  let cleanedAddress = '';

  // 遍历地址组件，只保留非国家的部分
  selectedPlace.address_components.forEach(component => {
    // 检查当前组件的类型是否包含"country"，包含的话跳过
    if (!component.types.includes('country')) {
      // 拼接地址，避免开头出现逗号
      cleanedAddress = cleanedAddress ? `${cleanedAddress}, ${component.long_name}` : component.long_name;
    }
  });

  // 将处理后的地址设置回输入框
  pickup_field.value = cleanedAddress;
});

关键细节说明： #

• 事件监听：通过place_changed事件捕获用户选择地址的动作，这是Google Places API提供的标准事件
• 结构化地址组件：address_components是API返回的结构化地址数组，每个元素都有types属性标记组件类型（比如route是街道，locality是城市，country是国家），我们直接排除类型为country的组件即可
• 地址拼接：遍历过程中逐步拼接符合要求的组件，保证格式是街道 门牌号, 城市这种你需要的样式
• 名称选择：如果想要更简洁的地址（比如某些地区的缩写），可以把component.long_name换成component.short_name

这样处理后，用户选择地址后，输入框里就只会显示Bahnhofstrasse 4, Hamburg，不会再出现Deutschland啦。

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