Wordpressで利用しているGoogle MAPS APIが有料化されてエラーが出まくっていたので、正しく申し込みしたのにエラーが消えない件【解決済み】

当方、Advanced Custom Fields、通称ACF経由でGoogle MAPS APIを利用して地図を表示させていたのですが、気が付いたら何やら地図の呼び出しでエラーが表示されている！

ちなみに、WPを利用しているので、管理者画面側でも同様に、エラーが表示されている。この間までは問題なく表示されていたのに…。

という事で、調べてみたところ2018年の7月16日より、Google MAPS API　が有料になるという事で、有料化に伴う設定自体ができていないことがまずは根本的な原因となります。

ちなみに、今回記事にした問題は、これらの設定が正常に出来たのにエラーが出続けるというのが問題なのです。

ですので、そもそも有料版APIの設定ができていなくエラーが出るという方は、まずはその設定を行ってみてください。

それはエラーが出て当然の状況となります！ｗ

今回は、その設定方法はコチラでは記載いたしませんが、具体的には、クレジットカードの登録など有料版への移行に伴う支払関係の設定を行う必要があるという事です。

あと、裏技？ではありませんが、クレジットカードの登録をしても、日々のアクセス数の制限などを設けることで、実質は有料のアクセス数に到達する前にリミットを掛ける事で無料に抑えることができます。

何れにしましても、これらの基本的な支払いに関する、また無料に抑える設定などは、他の方々が色々と詳しく説明をされている記事がありますので、それらを参考にされてみてください。

なお、それらの設定を行ってもエラーが出続ける場合には、再度このブログを覗いてみてください！！

ツー事で、私の方で問題となったのが、きちんと支払いの登録を行いAPIのKeyをセットしてるのにエラーが出続けるという問題…。

私と同様に、WPを利用しつつACFなどを使ってGoogle MAPS APIを利用されている方は、functions.phpにKeyをセットされているかと思います。

こんな感じでしょうか？

function my_acf_google_map_api( $api ){
 $api['key'] = 'XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX';
 return $api;
}
add_filter('acf/fields/google_map/api', 'my_acf_google_map_api');

XXXXの部分は実際のKeyをセットするところです。


普通はこれで問題はないのですが、なぜだかエラーが出続ける…。

という事で、色々と試行錯誤してみた結果、もう１つエラー対策用のコードを追加することで、無事エラー回避となりました。

functions.php　に以下のコードを追加で記載してみてください。

/**
 * GoogleMap エラー対処用KEYセット
 */
function nr_load_scripts() {
    wp_register_script('googlemaps', 'https://maps.googleapis.com/maps/api/js?key=XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX',null,null,true);  
    wp_enqueue_script('googlemaps');
}
add_action('wp_enqueue_scripts', 'nr_load_scripts');

色々と禿げるほど試しましたが、この追記でサクッとエラーは無くなりましたよ！

本当、なんなのGoogleさん～！

と言いたくなります。

何にしても、無事回避できてよかったですわ！ｗｗ

Google Maps JavaScript API V3 実践マスター with jQuery 著：白岩登 参考価格：- 価格： OFF : ()