我使用手动Google API
加载,如docs中所示。
我的index.html的一个片段:
<div id="app"></div>
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=MY_KEY&libraries=places"></script>
<script src="/bundle.js"></script>
其中MY_KEY是我为项目生成的硬编码密钥。
但是,在使用地理定位时,通过跟踪传出请求,我注意到使用了不同的API key
:AIzaSyBOti4mM-6x9WDnZIjIeyEU21OpBXqWBgw
,它看起来像一个通用密钥,因为它遍布网络。
因此,大多数情况下API
不可用,例如在它回复的那天的晚些时候:
"domain": "usageLimits",
"reason": "dailyLimitExceeded",
"message": "This API requires billing to be enabled on the project. Visit https://console.developers.google.com/billing?project=77185425430 to enable billing.",
"extendedHelp": "https://console.developers.google.com/billing?project=77185425430"
我没有在库代码本身或window.google对象中找到此API密钥,所以我有点疑惑它实际来自哪里......
但最重要的是,我如何强制使用我的密钥?
修改:
演示网站也存在同样的问题:https://fullstackreact.github.io/google-maps-react/
页面源中的API密钥为:AIzaSyAyesbQMyKVVbBgKVi2g6VX7mop2z96jBo
实际用于查询的那个是:
Chrome:AIzaSyBOti4mM-6x9WDnZIjIeyEU21OpBXqWBgw
Firefox:AIzaSyD_Drzahe4dBzGCZ9ArvowCvrPx_yFrlCM
答案 0 :(得分:0)
显然,至少在地理定位服务的情况下这是预期的行为。这些请求使用标准浏览器密钥。
我没有找到每日使用限制错误的来源,但是我不会在应用的最终版本中观察它。