Google Maps APIキーの取得方法

投稿日時 で イワン・フダック

API キーの取得方法に関する完全なチュートリアルは、Google の公式ドキュメントで説明されています。 https://developers.google.com/maps/documentation/javascript/get-api-key

Google APIキーの作成

あなたの中で、 Googleクラウドプラットフォーム 「API とサービス」に移動して認証情報を見つけます。 「認証情報の作成」ボタンをクリックすると、新しい API キーを作成できます。選択には「API キー」オプションが表示されます。

制限事項に注意することを強くお勧めします。 HTTPリファラーを使用してAPIキーを制限する必要があります それだけ Google Maps API キーを使用するウェブサイト用。こうすることで、他の誰もあなたの API キーを盗んで使用することができなくなります。

ライブラリを有効にする

どの API が必要ですか?

Google はどの API を有効にする必要があるかを明確に説明していないため、Google マップのすべての機能に必要な API のリストを以下に示します。

  • Google マップのルート案内
  • Google マップの距離マトリックス
  • Google マップの標高
  • Google マップのジオコーディング
  • Google マップの JavaScript

[ライブラリ] セクションでこれらの API を有効にする必要があります。

Citadela Listing プラグインに API キーを保存する

API キーをどこに挿入すればよいですか?管理者として WordPress にログインしている場合は、「Citadela Listing」→「統合」に API キーを挿入できます。

Debugging issues

If you encounter any issues with your Google Maps API key, you can easily debug them using the Console in your browser. To open the Console, simply right-click anywhere on the webpage, select “Inspect” or “Inspect Element,” then navigate to the “Console” tab. Here, you’ll find error messages and warnings that can help identify and resolve any issues with your API key configuration. Keep an eye out for any error messages related to the Google Maps API, and use them as clues to troubleshoot and fix the problem.