在google-maps-react中手动加载Google API时使用的不同API密钥

时间:2017-07-27 14:31:43

标签: google-maps reactjs google-maps-api-3 google-api google-maps-react

我使用手动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 keyAIzaSyBOti4mM-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

1 个答案:

答案 0 :(得分:0)

显然,至少在地理定位服务的情况下这是预期的行为。这些请求使用标准浏览器密钥。

我没有找到每日使用限制错误的来源,但是我不会在应用的最终版本中观察它。