1. ホーム
  2. google-maps

[解決済み] Googlemaps API キー(Localhost用

2022-09-25 02:38:37

質問

Google Maps 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キーを除外してもうまくいきません。

どうすれば解決しますか?

  1. このアドレスに移動します。 https://console.developers.google.com/apis
  2. 新規プロジェクトを作成し、認証情報(APIキー)を作成します。
  3. Library"をクリックします。
  4. 必要なAPIをクリックします。
  5. 有効化]をクリックします。
  6. 認証情報]をクリックします。
  7. アプリケーションの制限]で、[HTTP参照元(Webサイト)]を選択します。
  8. Web サイトの制限] の下の [項目を追加] をクリックします。
  9. テキスト フィールドに Web サイトのアドレス (または "localhost"、"127.0.0.1"、"localhost:port" などローカル テスト用として) を入力し 入力 を押してリストに追加します。
  10. SAVE して、プロジェクトでキーを使用します