「Googleマップが正しく読み込まれていません」エラーが発生した場合 - Google Maps APIキーと新しい制限

Google Maps APIキーと新しい制限：毎日最大25.000件のマップロード可能

最近のGoogleマップを追加すると、次のようなエラーが発生する場合がよくあります。

Oops! Something went wrong。 This page didn't load Google Maps correctly. See the JavaScript console for technical details (申し訳ありませんが、問題が発生しました。GOOGLE マップが正しく読み込まれませんでした。JavaScript コンソールで技術情報を確認してください)

※2018年11月更新： 最近Googleポリシーが変更されてGoogle Maps APIキーを発行するには、クレジットカード情報を入力して支払いアカウントをリンクする必要があります。 」Googleマップが正しくロードされない問題が発生した場合、[総合]「で更新された情報を確認できます。

この問題は、Googleの更新されたGoogle Maps APIs Standard Planに関連しています。 詳しくは「Building for Scale：Updates to Google Maps APIs Standard Plan「を参考にしてください。

新しいGoogleのマップAPIの標準プランに基づいて、2016年6月22日以降に作成されたすべての新規アプリケーションでは、Google Maps APIキーが必要です。 既存のアプリケーションの場合、キーがなくても動作を続けますが、新しい制限が適用されるものとします。

新しいポリシーを発表前にGoogle Maps APIは、毎日最大25,000個の要求をキーなしで使用可能で、90日連続で25,000件を超えている場合にのみ、費用を請求しました。

今、新しいAPIキーがすべての新規アプリケーションに対して要求されますが、毎日25,000件の無料地図の読み込み制限があります。

この制限を超える場合は、追加1,000件の地図リクエストあたり$ 0.50USDに追加かもロード（Extra Daily Map Load）を購入することができ、最大100,000万件まで可能です。

毎日125,000件以上のGoogleマップのロードが必要なウェブサイトやアプリケーションは、 Premium Planライセンスにアップグレードする必要があります。

WordPressで上記のような問題が発生した場合 Google Maps API KEYプラグインをインストールして設定> Google API Keyで自分のAPIキーを登録すると、Google Mapsスクリプトが正しくEnqueueされている場合は、問題が解決されています。 （Google Maps APIキーを発行される方法は、 この記事の "How to fix the error：step-by-step tutorial「部分を参考にしてください。）

または、Google Maps APIを発行したら、Google Mapsスクリプトコードを見つけてAPIキーを追加できます。 この方法も」Google Maps API error：MissingKeyMapError「という文で確認できます。

Google Maps APIキーの発行方法をハングルで表示するには は、Googleドキュメントを参照してください。 グーグルマップAPIキーを発行されて正しく設定すると、次のような形式で、スクリプトを追加したり、変更してください。

<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY"
type="text/javascript"></script>

メモ： WordPressの場合は特に Enfold テーマで、上記の問題が多く発生するようです。 しかし、Googleマップを使用している他のテーマでも同様の問題が発生すると思われます。 Enfold テーマをはじめとする問題となるテーマは、いつでもすぐにGoogle Maps APIを追加するオプションを提供することが考えられます。 追加： Enfold テーマの場合、3.7バージョンが出てきてGoogle Maps API Keyを追加するためのオプションが新たに追加されました（参照).

追加事項

Enfold テーマでは、Googleマップを挿入する

アップデート： Enfold テーマは、新しいGoogle Maps APIを追加するように更新（バージョン3.7）であった。 下の内容は、不必要な内容ですが、参考のために残していました。

Enfold テーマでは、上記の方法で問題が解決しない場合、一時的に /framework/php/class-framework-widgets.php ファイルの：

wp_register_script( 'avia-google-maps-api', $prefix.'://maps.googleapis.com/maps/api/js?v=3.24',

上の部分を以下のガトインGoogleのAPIキーを追加するように修正してください。

wp_register_script( 'avia-google-maps-api', $prefix.'://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&v=3.24',

BeTheme テーマでは、Googleマップを挿入する

BeTheme テーマの場合 ルックス> BeTheme Options > Global > Advancedから オプション 部分にGoogle Maps API Keyを追加するオプションがあります。

問題が引き続き発生する場合

問題が解決されない場合は、 このページのフォームを提出してサービスを依頼（有料）することができます。

メモ：

• Google Maps API Key and new limits（グーグルマップAPIキーと新しい制限）