使用Google Maps Places API自动完成功能时getPlace()仅返回name属性求助

我之前也碰到过类似的情况，咱们一步步来排查和解决这个问题：

首先排查代码中的关键配置问题 #

1. 修正types参数的设置 #

你代码里的types: []是空数组，这可能导致Autocomplete返回的结果类型不明确，进而无法触发完整的地点详情请求。建议根据你的需求指定具体的类型，比如：

• 如果需要地理编码（街道、城市等地址），用types: ['geocode']
• 如果需要商业场所（餐厅、酒店等），用types: ['establishment']

修改后的初始化代码：

this.autocomplete = new google.maps.places.Autocomplete(
  this.autocompleteElement.nativeElement,
  { 
    componentRestrictions:{'country':'IN'}, 
    types: ['geocode'] // 指定具体类型
  } 
); 

2. 确保选择的是Autocomplete的建议项 #

如果用户是手动输入内容后直接按回车（而非选择下拉框里的建议项），getPlace()返回的对象通常只会包含name属性——因为这时候API没有匹配到有效的Place ID，无法获取完整的地点详情。

这种情况下，你需要手动调用Place Details API来补充获取信息，示例代码如下：

this.autocomplete.addListener('place_changed',()=>{ 
  let place=this.autocomplete.getPlace(); 
  console.log(place); 

  if (!place.geometry) { 
    console.log("No details available for input: '" + place.name + "'");
    // 调用文本搜索API获取匹配的地点
    const placesService = new google.maps.places.PlacesService(map); // 需要传入你的map实例
    placesService.textSearch({
      query: place.name,
      componentRestrictions: {country: 'IN'}
    }, (results, status) => {
      if (status === google.maps.places.PlacesServiceStatus.OK && results.length > 0) {
        // 通过Place ID获取完整详情
        placesService.getDetails({placeId: results[0].place_id}, (details, status) => {
          if (status === google.maps.places.PlacesServiceStatus.OK) {
            console.log('完整地点详情:', details);
            // 在这里处理完整的地点数据
          }
        });
      }
    });
    return; 
  }
  // 正常选择建议项的情况，直接处理返回的字段
  console.log('地点坐标:', place.geometry.location);
  console.log('地址组件:', place.address_components);
})

其次检查API权限与配置 #

这是很容易被忽略的点：

• 确保你的Google Cloud API密钥已经启用了Places API（包括Autocomplete和Place Details功能）
• 检查密钥的限制设置：比如IP限制、API限制是否正确，避免请求被拦截
• 确认你的计费账户状态正常：免费额度耗尽或计费问题会导致API返回不完整数据

可选优化：绑定地图边界 #

如果你的页面中有地图实例，取消注释this.autocomplete.bindTo('bounds', map);这行代码，它会让Autocomplete优先返回当前地图视野内的地点，提升匹配准确性，也有助于获取更完整的地点数据。

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