web-dev-qa-db-ja.com

LocalhostのGoogle Maps APIキー

ローカルホストで動作するgooglemaps APIキーを取得するにはどうすればよいですか？

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キーを除外すると機能しませんか？

google-mapsgoogle-maps-api-3api-key
52
adam78

1-最初にこのアドレスに移動します： https://console.developers.google.com/apis

2-プロジェクトのAPIキーを作成します。

3- [ライブラリ]をクリックして

4-必要なAPIをクリックします。

5- [有効化]（右上）をクリックし、

6-資格情報をクリックし、編集キーをクリックします

7-「キー制限」で「HTTPリファラー（Webサイト）」を選択します

8-次に、Webサイトのアドレスまたは「localhost」（localhostでのテスト用）をテキストボックスフィールドに入力し、リストに追加するために入力します（「localhost」、「127.0.0.1」、「localhost：port」などを追加します）

9-次に、プロジェクトでキーを使用します。

78
mirzaei.sajad

この方法に従うことができます。それは少なくとも私にとってはうまくいきます：

資格情報ページで：

  1. IPアドレスのオプションを選択します（オプション番号3）。

  2. プロバイダーからIPアドレスを入力します。そうでない場合は、次のリンクを使用してIPアドレスを検索してください： https://www.google.com/search?q=my+ip

  3. それを保存。

  4. Scripタグの間で次のようにGoogleマップリンクを変更します。

    https://maps.googleapis.com/maps/api/js?libraries=places&key=AIzxxxxxxxx "

  5. 約5分以上待って、APIキーを伝播させます。

これで、Googleマップが機能するはずです。

8
Sulung Nugroho

Localhostで作業している場合は、開発用に別のAPIkeyを作成し、localhostで使用できるようにそのキーの制限を削除します。本番環境ではこのキーを使用しないでください。オンラインでハンターにキーを公開しないでください。

同じ問題があり、ローカルホスト環境で制限を機能させる試みはすべて、開発専用のapikeyを作成し、その制限を削除するまで成功しませんでした。ただし、実稼働環境ではそのキーを使用せず、開発が完了したら、APIキーをすぐに削除します。

私はこの投稿が遅れていることを知っていますが、将来この問題に直面する可能性が高い人にとっては、これが最善のルートです。

3
user1556937

LocalhostでテストするためにGoogleマップを使用する方法については、この tutorial に従ってください。

これらの関連SOスレッドを確認します。

お役に立てれば！

1
abielita

JavaScriptコンソール内で特定のエラーを確認する必要があります（例： Ctrl + Shift + K Windows版Firefoxで）。

Steven Gliebe（2016） によると、この問題には4つの一般的なケースがあります。これを要約すると、次のようになります。

  1. MissingKeyMapError >> Google Maps APIキーの取得 （ただし、代替のno.2も検討してください）
  2. RefererNotAllowedMapError >>localhost：portを google開発者ダッシュボードに登録します 。
  3. ApiNotActivatedMapError >> Google APIライブラリページでのGoogle Maps APIの有効化
  4. InvalidKeyMapError >> key をスクリプト/コードに適切に追加

コードを変更した後、必要に応じてブラウザのキャッシュをクリアしてください。

他のエラーがある場合は、Google Maps API エラーコードドキュメント ページを確認できます。

0
Santosa Sandy

「これらのHTTPリファラー（Webサイト）からの要求を受け入れる（オプション）」と表示されている場合、リファラーをリストする必要はありません。したがって、このページのlocalhostの横にあるXをクリックしますが、引き続きキーを使用します。

数分後には動作するはずです。

行った変更が有効になるまで数分かかる場合があるため、数分待ってから再度テストしてください。

0
GMC