ローカルホストで動作するようにgooglemapsAPIキーを取得するにはどうすればよいですか？
APIキーを作成し、リファラーの下に以下を追加します。
Accept requests from these HTTP referrers (websites) (Optional)
Use asterisks for wildcards. If you leave this blank, requests will be
accepted from any referrer. Be sure to add referrers before using this key
in production.
localhost
これは機能しません。APIキーを除外すると、それも機能しませんか？
回答:
あなたはこの方法に従うことができます。それは少なくとも私にとってはうまくいきます：
資格情報ページ：
IPアドレス付きのオプションを選択します（オプション番号3）。
プロバイダーからのIPアドレスを入力します。そうでない場合は、次のリンクを使用してIPアドレスを検索してください：https：//www.google.com/search？q = my + ip
それを保存。
スクリップタグの間で次のようにあなたのグーグルマップリンクを変更してください：
https://maps.googleapis.com/maps/api/js?libraries=places&key=AIzxxxxxxxx "
APIキーが伝播されるまで、約5分以上待ちます。
これで、Googleマップが機能するはずです。
ローカルホストで作業している場合は、開発用に別のAPIキーを作成してから、ローカルホストが使用できるようにそのキーの制限を削除します。このキーを本番環境で使用しないことを忘れないでください。そうすれば、オンラインでハンターにキーを公開することはありません。
同じ問題が発生し、ローカルホスト環境で制限を機能させるためのすべての試みは、開発専用の別のapikeyを作成し、その制限を削除するまで成功しませんでした。ただし、本番環境ではそのキーを使用しません。開発が完了したら、APIキーをすぐに削除します。
この投稿が遅れていることは知っていますが、将来この問題に直面する可能性のある人にとっては、これが最善の方法です。
私はパーティーに少し遅れていると思います。開発（localhost）と製品用に別々のキーを作成することに同意しますが、1つのキーだけで両方を行うことができます。
アプリケーション制限-> httpリファラー-> Webサイト制限を使用する場合、ワイルドカードURLを入力できます。
ただし、.localhost /のようなワイルドカードを使用する または .localhost：{port}。 （すでに持っているとき .yourwebsite.com / *）が機能していないようです。
単一の*を置くだけで機能しますが、これは基本的に無制限のキーを提供しますが、これも必要なものではありません。
ワイルドカードを使用せずにフルパスを含めると*それも機能するので、私の場合は次のように入力します。
http：// localhost {port} /
http：// localhost：{port} / something-else / here
同じAPIキーを使用して、Googleマップをwww.yourwebsite.comと同様にローカルで機能させます。
とにかく、2つの別々のキーを持っている場合もオプションです。そうすることをお勧めします。
ローカルホストでテストするためにGoogleマップを使用する方法については、このチュートリアルに従うことができます。
- このリンクをクリックして、プロセスに従います（新しいプロジェクトを作成し、APIキー>ブラウザキー、「localhost」ドメインを登録します）：https：//console.developers.google.com//flows/enableapi？apiid = maps_backend＆keyType = CLIENT_SIDE＆reusekey = true
- キーを生成します
- ここで説明されているようにGoogleマップウィジェットをデプロイします：http：//www2.microstrategy.com/producthelp/10/GISHelp/Lang_1033/GIS_Integration.htm
- Google Maps APIキーをgoogleConfig.xmlに追加します（前のリンクで説明したように）ENTER_YOUR_KEY_HERE
- Webサーバーを再起動します
これらの関連するSOスレッドを確認してください。
お役に立てれば！
あなたはjavascriptコンソール内の特定のエラーをチェックする必要があり（例えばCtrl+ Shift+ KWindowsのFirefoxで）。
Steven Gliebe（2016）によると、この問題には4つの一般的なケースがあります。私がそれを要約すると、次のようになります。
コードを変更した後、必要に応じてブラウザのキャッシュをクリアしてください。
他にエラーがある場合は、Google MapsAPIエラーコードのドキュメントページを確認してください。