在没有 javascript 库的情况下实现 Google 地点自动完成下拉列表

Implementing Google Places Autocomplete dropdown without the javascript library

我正在实施 Google 地点自动完成下拉菜单,但需要在服务器上进行 api 通信,以免暴露 API 键(项目要求)。从我的服务器到客户端的建议地址的查询和返回已经完成并且正在运行。现在我只需要用数据构建下拉列表。

使用 places javascript 库 (new google.maps.places.Autocomplete(elem)) 实现自动完成下拉小部件相当简单,但是当您不使用该库时,是否有一种省力的方法?或者有没有一种方法可以在不暴露您的 api 密钥的情况下使用该库?

如果您需要在客户端 JavaScript 中实施地点自动完成,那么您应该使用客户端 library。否则,您将 运行 陷入一堆问题,例如 CORS 错误。

如果您担心暴露 API 密钥,请注意没有必要这样做,因为密钥可以(并且应该)是 restricted with HTTP referrers. As long as it's restricted, it cannot be used from third-party domains. To learn more about API key restrictions check out Google's documentation.

希望对您有所帮助!