ビジネスのIT課題の解決をサポート
【ACF】突然「Googleマップ機能」でAPIエラー原因はどこ?Advanced Custom Fields ウェブサイト運用

【ACF】突然「Googleマップ機能」でAPIエラー原因はどこ?Advanced Custom Fields

Advanced Custom Fields(ACF)はWordPress(ワードプレス)の投稿や固定ページの入力項目をカスタマイズできるプラグイン。

地域メディア「いいものタウン」でも投稿へのラベル追加やユーザー参加型のカスタム投稿機能の実装で導入しています。

このページでは「Advanced Custom Fields(ACF)」でGoolge MAP APIを利用したマップ表示が正常に行われていたが、突然表示されなくなった(エラー)というケースでの対応と確認方法。

地域情報サイトで「あるある」かは分かりませんが、記事(文章)は書くのは苦手、でも写真なら撮れる、みんなに見てほしい写真を投稿できるページを作ったのは2022年夏だったか、秋だったか。

【新機能】みんなに見せたい!風景やスポット「写真投稿機能」β版が利用できるようになりました
記事や文章を書くほどでは無いけど、誰かに見てもらいたい、共有したい写真を気軽に投稿頂ける機能を追加してみました。

それはさておき、「写真を撮る」「写真を掲載」という部分では通常の投稿でも事足りますが、写真の撮影した場所はほしい所なので「Google Map API」と連動して表示させるようにしています。

ある日のこと。

なにげにページを見てみるとエラーで表示されていないことを確認。(トップ画像)

たいていこういった場合は

  • ①プラグインの変更(アップデート等)
  • ②サイトのヘッダー、フッターファイルの書き換え

というような更新作業で必須ソースが上書きされていたり、消去してしまった場合に起こりうるケースが多いのですが、今回については①②についてはなし。

Advanced Custom Fields(ACF) でのGoolge MAP 表示

前提条件

  • ①「Google Maps Platform」でのAPI設定が完了していること
  • ②「Google Maps Platform」での支払い設定が完了していること
  • ③ウェブサイト内に適切なスクリプト、APIキーの設置が行われていること

確認していった結果

クレカの有効期限が切れていました・・・・。

【ACF】突然「Googleマップ機能」でAPIエラー原因はどこ?Advanced Custom Fields

【ACF】突然「Googleマップ機能」でAPIエラー原因はどこ?Advanced Custom Fields

更新した結果、無事表示されるようになりました。

【ACF】突然「Googleマップ機能」でAPIエラー原因はどこ?Advanced Custom Fields

COMMENT 追加情報やリクエスト

タイトルとURLをコピーしました