如何为Google Places新版PlaceAutocompleteElement设置初始地址？

大家好，最近我们团队在做Google Places API的迁移工作——毕竟官方在2025年3月已经弃用了旧的地点自动完成API，我们不得不切换到新版。

迁移过程中我们遇到了一个需求：需要给新版的PlaceAutocompleteElement设置一个初始地址值。但翻遍了官方的相关说明，发现官方目前并没有直接支持这个功能。

这篇内容其实更偏向于解决方案分享，而不是提问。我把它发出来，就是希望能帮到和我们有同样困扰的开发者。

下面是我们摸索出来的实现思路和具体步骤：

• 首先，我们需要先通过Google Places的地点详情服务，获取到目标初始地址对应的完整地点数据（可以通过地点ID，或者先把地址转成坐标再反向查询详情）
• 然后，按照官方Place对象的结构，整理出包含格式化地址、地理坐标、地点ID这些必要字段的对象
• 最后，找到页面上的PlaceAutocompleteElement实例，调用它的setPlace()方法，把我们整理好的地点对象传进去

给大家贴个实际可用的代码片段参考：

// 模拟通过地点详情服务获取到的初始地址数据
const initialPlace = {
  id: 'ChIJd8BlQ2BZwokRAFUEcm_qrcA',
  formattedAddress: '上海市黄浦区南京东路步行街',
  geometry: {
    location: {
      lat: () => 31.2304,
      lng: () => 121.4737
    }
  }
};

// 获取页面上的PlaceAutocompleteElement元素
const autocompleteEl = document.querySelector('gmp-place-autocomplete');

// 设置初始地点
autocompleteEl.setPlace(initialPlace);

需要注意的是，setPlace()方法对传入的对象结构有要求，必须包含核心字段，不然组件可能无法正常识别。如果你的初始地址没有现成的地点ID，也可以先调用地理编码接口把地址转换成坐标，再用坐标去请求地点详情，拿到符合要求的对象。

内容来源于stack exchange