google-maps-reactでGoogle APIを手動で読み込むときに使用する、異なるAPIキー

Question

docsのように、マニュアルでGoogle APIを使用しています。 私のindex.htmlからの抜粋：MY_KEYは、私はプロジェクトのために生成され、ハードコードの鍵である

<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> 

。

しかし、ジオロケーションを使用する場合、発信リクエストをトレースすると、別の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キーを見つけていないので、それは実際にから来ないところ私は少し困惑しています...

しかし、最も重要なことは、私はどのように私の鍵の使用を強制することができますか？

EDIT： 同じ問題がデモサイトが存在する：ページのソースでhttps://fullstackreact.github.io/google-maps-react/ APIキーは次のとおりです。AIzaSyAyesbQMyKVVbBgKVi2g6VX7mop2z96jBo 実際のクエリのために使用されている1ですが：

クローム：AIzaSyBOti4mM-6x9WDnZIjIeyEU21OpBXqWBgw

のFirefox：AIzaSyD_Drzahe4dBzGCZ9ArvowCvrPx_yFrlCM

Answer 1

は、どうやらそれは、少なくともジオロケーションサービスの場合、予想される動作です。これらの要求には標準のブラウザキーが使用されています。

私は日々の使用制限エラーの原因を見つけられませんでしたが、私はアプリの最終版でそれ以上見ていません。