Angular 2集成Google Maps自动补全，如何获取阿拉伯语地址结果？

我完全懂你的困扰——全局设置脚本标签的language参数只能满足单一语言需求，而你需要同时在两个输入框分别拿到英文和阿拉伯语的地址结果。其实Google Places API的Autocomplete实例支持单独配置语言选项，根本不用依赖全局脚本的语言设置！

核心解决方案：给每个Autocomplete实例单独指定语言 #

你只需要在创建阿拉伯语自动补全实例时，在配置选项里添加language: 'ar'；英文的自动补全实例则添加language: 'en'。这样两个实例会分别返回对应语言的地址结果，完全互不影响。

修改你的阿拉伯语自动补全代码如下：

arabicAutoComplete() {
  this.mapsAPILoader.load().then(() => {
    const autocomplete = new google.maps.places.Autocomplete(this.arabicSearch.nativeElement, {
      types: ['address'],
      language: 'ar' // 新增阿拉伯语语言配置
    });
    autocomplete.addListener('place_changed', () => {
      this.ngZone.run(() => {
        const place: google.maps.places.PlaceResult = autocomplete.getPlace();
        console.log(place);
        if (place.geometry === undefined || place.geometry === null) {
          return;
        }
        // 此时place.formatted_address会是阿拉伯语格式的地址
        this.arabic_google_address = place.formatted_address ? place.formatted_address : place.name;
      });
    });
  });
}

额外技巧：获取细分的多语言地址组件 #

如果你需要提取地址的各个组成部分（比如街道、城市、邮编）的阿拉伯语名称，同样可以从place.address_components里获取。每个组件的long_name和short_name都会是对应语言的版本，示例代码如下：

// 提取阿拉伯语城市名称
const arabicCity = place.address_components?.find(comp => comp.types.includes('locality'))?.long_name;
// 提取阿拉伯语街道名称
const arabicStreet = place.address_components?.find(comp => comp.types.includes('route'))?.long_name;

注意事项 #

• 确保你的Google Places API密钥已经开启了Places API的权限，否则会出现调用失败的情况。
• 部分偏远地区的地址可能没有阿拉伯语本地化数据，这种情况下API会返回默认语言（通常是英文），建议在代码里做个兜底处理，比如提示用户当前地址无阿拉伯语版本。

内容的提问来源于stack exchange，提问作者M. Gamie