Angular-CLI应用中@agm/core地点自动补全部分地点不显示问题求助

我之前在使用@agm/core做地点 autocomplete 时也遇到过类似的情况——有些在谷歌地图网页端能搜到的地点，在Angular应用里就是出不来建议，比如你提到的University of Kelaniya。咱们从几个常见的排查点入手：

1. 确认API服务与密钥权限 #

首先要检查你的谷歌云平台控制台：

• 确保Maps JavaScript API和Places API都已经启用（两个服务都需要，缺一不可）
• 检查API密钥的限制：如果设置了IP限制或区域限制，确认当前应用的IP在允许范围内，并且目标地点所在的国家（比如斯里兰卡）没有被排除
• 查看API的使用配额，有没有因为配额耗尽导致请求被拒绝

2. 调整Autocomplete的配置选项 #

@agm的搜索框组件支持自定义Autocomplete选项，默认的类型可能偏重于地理编码地址，而像大学这类机构属于establishment类型，你可以扩展类型范围来覆盖这类地点：

模板代码示例 #

<agm-map [latitude]="defaultLat" [longitude]="defaultLng">
  <agm-search-box
    [inputAutocomplete]="autocompleteOpts"
    (placeChange)="handlePlaceSelection($event)"
  ></agm-search-box>
</agm-map>

组件代码配置 #

autocompleteOpts = {
  // 同时包含地理编码地址和机构类地点
  types: ['geocode', 'establishment'],
  // 限定国家范围，缩小搜索范围提高匹配精度
  componentRestrictions: { country: 'lk' }
};

3. 直接测试谷歌原生Autocomplete服务 #

为了排除@agm封装层的问题，你可以在浏览器控制台里直接调用谷歌的原生API测试：

// 确保页面已经加载了谷歌Maps JS API
const autoService = new google.maps.places.AutocompleteService();
autoService.getPlacePredictions(
  { input: 'University of Kelaniya', types: ['establishment'] },
  (predictions, status) => {
    console.log('预测结果:', predictions);
    console.log('请求状态:', status);
  }
);

• 如果这里能返回结果，说明问题出在@agm的配置上，再检查你的组件模板和参数是否正确
• 如果返回空或错误状态，那就是API服务/密钥的问题，回到第一步排查

4. 尝试更精确的搜索关键词 #

有些区域性地点的名称可能需要更精确的表述，比如加上国家后缀University of Kelaniya, Sri Lanka，或者尝试当地语言的英文转写，同时配合componentRestrictions限定国家，能有效提高匹配成功率。

按照这个流程排查下来，应该就能解决这类地点无法被建议的问题了。

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