如何通过JavaScript使用Google AutocompleteService获取地址组件？

Google提供多种使用Place Autocomplete API的方式，其中包含Autocomplete与AutocompleteService类。使用Autocomplete类可正常获取地址组件，但使用AutocompleteService时仅能得到完整地址字符串，无法解析出城市、街道、州等细分组件。请问能否在不通过地点ID额外调用接口的前提下，使用AutocompleteService获取地址组件字段？

回答 #

不行，不通过地点ID额外调用Place Details接口的话，无法直接用AutocompleteService获取地址组件字段。

Google Places API的设计逻辑就是如此：

• Autocomplete是封装程度更高的UI组件，当用户选中某个地址候选后，它会自动后台调用Place Details接口，获取包含address_components在内的完整地点数据，所以能直接拿到细分组件。
• AutocompleteService则是更轻量化的底层服务，getPlacePredictions方法仅返回地址预测候选的基础信息（比如格式化地址字符串、地点ID、匹配片段等），本身并不包含address_components这类细分数据。

如果不想额外调用接口，只能考虑两种替代方案：

1. 直接使用Autocomplete类，它的封装逻辑已经帮你处理了后续的详情请求。
2. 尝试自己解析getPlacePredictions返回的格式化地址字符串，但这种方法非常不可靠——不同地区的地址格式差异极大，手动解析很容易出错，官方也不推荐这种做法。

补充代码示例 #

Autocomplete类示例（可获取地址组件）

function initAutocomplete() {
  autocomplete = new google.maps.places.Autocomplete(document.getElementById('search'), {
    componentRestrictions: { country: ["us", "ca"] },
    fields: ["address_components", "geometry"],
    types: ["address"],
  });

  autocomplete.addListener("place_changed", () => {
    const place = autocomplete.getPlace(); // 包含地址组件和几何信息（经纬度）
    console.log(place.address_components);
  });
}

AutocompleteService类示例（仅返回基础预测信息）

function initAutocompleteService() {
    const service = new google.maps.places.AutocompleteService();

    service.getPlacePredictions({
    input: "1600 Amphitheatre",
    componentRestrictions: {
        country: 'us'
    },
    types: ['address']
  }, (predictions, status) => {
    console.log(predictions); // 仅包含格式化地址、地点ID等，无地址组件
  });
}

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