如何将 Google Maps Places Autocomplete API 结果限制为城市？答案

【问题标题】：How to limit Google Maps Places Autocomplete API results to cities?如何将 Google Maps Places Autocomplete API 结果限制为城市？
【发布时间】：2022-01-04 14:01:57
【问题描述】：

我正在使用带有 React 的 openweather API 和 Google Maps 自动完成 API 构建一个天气应用程序。为了限制对城市的建议，根据我在谷歌API文档和本站得到的信息，我在index.html上写了如下代码：

<script src="https://maps.googleapis.com/maps/api/js?types=(cities)&key=${myApi}&libraries=places"></script>

另外，在使用自动完成 API 的输入窗口组件中添加了 types: ["(cities)"]。但他们都没有工作，建议仍然包括设施名称等。

提前感谢您的帮助。

【问题讨论】：

标签： reactjs google-maps-api-3

【解决方案1】：

无需将types=(cities) 放入您的 Maps JavaScript API 脚本标记中。 Places API 可以由 including libraries=places 单独工作。

您可以在自动完成选项中使用types: ["(cities)"]，或调用 setTypes() 将预测限制为某些地点类型。

const options = {
    types: ["(cities)"],
  };

这是sample code。

【讨论】：