javascript - 使用Google Places API时出错。我该怎么办？

Question

我正在使用 Google Places API 。我已经注册并获得了API密钥。

问题是在JavaScript中使用fetch()函数时，出现错误(不是真正的错误):

{error_message: "You have exceeded your daily request quota for this API. If you did not set a custom daily request quota, verify your project has an active billing account: http://g.co/dev/maps-no-account"
predictions: []
status: "OVER_QUERY_LIMIT"
__proto_: Object }

但是根据我的 console，没有对 Google Places API的请求
我的代码:

const BASE_URL =
    'https://cors-anywhere.herokuapp.com/https://maps.googleapis.com/maps/api/place';
const SEARCH = document.querySelector('#input');
const API_KEY = <MYAPIKEY>;
fetch(BASE_URL + "/autocomplete/json?key=" + API_KEY + "&input=London")
    .then(data => data.json())
    .then(data => console.log(data));

在使用 CORS Anywhere代理之前，
它给出了类似“标题中没有Access-Control-Allow-Origin ...”的错误。
我搜索了该错误，它说使用上述代理。但我收到上述错误。

我应该怎么办？

P.S 1:我使用 保护我的密钥。在实际的代码中，我使用了实际的密钥。
P. S 2:在浏览器中，链接可以正常工作(没有cors-anywhere URL)

Answer 1

如果要在客户端JavaScript中调用API，则应使用Places Library。

This page describes the client-side library available with the Maps JavaScript API. If you want to work with the Places API web service on your server, take a look at the Node.js Client for Google Maps Services.

客户端自动完成功能的文档可以在 here中找到。

这样可以解决所有CORS错误。希望对您有帮助!