エラーが発生しています
Google has disabled use of the Maps API for this application. The provided key is not a valid Google API Key, or it is not authorized for the Google Maps Javascript API v3 on this site. If you are the owner of this application, you can learn about obtaining a valid key here: https://developers.google.com/maps/documentation/javascript/tutorial#Obtaining_Key
api-console から API を生成し、それをローカル/ローカルホスト Web サイトに使用していますが、毎回上記のエラーが発生します。ローカルサーバーで Google マップを表示するにはどうすればよいですか?
私は今日あなたと同じような問題を抱えており、私はそれを解決したと思います。
まず、あなたはすでにグーグルマップのAPIキーを持っていると仮定しています。あなたがする必要があるのは、 API Console-Google CodeAPI accessに行き、左側をクリックすることだと思います。APIキーが表示され、キーのすぐ下に、Referers:許可されたリファラーが表示されます。あなたがする必要があるのはクリックEdit allowed referers...してから追加することです
localhost / *
許可されたリファラーに。
HTMLをホストするためにMAMPを使用しており、ブラウザがAPIを求めてGoogleに送信したリクエストを監視すると、次のヘッダーが表示されます。
リファラーをlocalhost/*
リファラーを変更してからGoogleが処理するのに数分かかりますが、あとは問題なく動作します。
これが同じ問題かどうかはわかりませんが、私にとってはリファラーではないことが判明しました。map.google.com の URL を以下の URL に変更し、リファラーを「許可されているすべてのリファラー」またはホワイトリストに登録されたパターンhttps://developers.google.com/console/help/#whitelistingbyhostのいずれかに変更しました。
URL からバージョンとファイル パラメータを削除しました (バージョンが 3 の場合でも、v2 認証を通過していました)。
<script src="http://maps.google.com/maps?sensor=false&key=${YOUR_KEY}" type="text/javascript"></script>
人々が言うことによると、キーは必要ありませんが、それなしでは機能しません。