我正在使用手动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
而实际用于查询的是:
铬合金:AIzaSyBOti4mM-6x9WDnZIjIeyEU21OpBXqWBgw
火狐:AIzaSyD_Drzahe4dBzGCZ9ArvowCvrPx_yFrlCM