• 解決済 skuroda16

    (@skuroda16)


    皆さまはじめまして、初投稿になります。
    至らぬ点があれば改善していきますので、よろしくおねがいいたします。

    現在運営中のサイトで、Advanced Custome FieldのGoogle MAPフィールドを使用しているのですが、投稿画面がおかしな事になっていました、、、スクリーンショットです。

    コンソールで確認するとapiキーが必要との以下のエラーが表示されました。
    Google Maps API error: RefererNotAllowedMapError https://developers.google.com/maps/documentation/javascript/error-messages#referer-not-allowed-map-error Your site URL to be authorized: http://www.example.com/wp-admin/post.php?post=155&action=edit

    そこでapi consoleにてapiを登録し、リファラーを指定を運営中のサイトに指定。
    Advanced Custome Fieldの公式ドキュメントによると最新版のアップデートでapiキーを追加するフィルターが追加されていたのでサンプル通りにfunctions.phpに追加。
    https://www.advancedcustomfields.com/resources/acf-fields-google_map-api/

    管理画面を確認したところ追加内容がソースコードに反映されていたので正常な対応だと思っているのですがエラーが消えず、仕方がなくiframeで直接埋め込む方法を取りました。

    検索をかけて英語サイトも含め沢山調べましたが同じケースが見当たらず、プラグインのアップデート待ちや他の対応方法があれば良いのですが、解決は難しいとしてもせめて同じようなケースの方がいらっしゃればと思いまして投稿しました。

    以上、よろしくおねがいいたします。

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • リファラーの指定の仕方がマズいんでしょうか。

    APIキーの登録画面では

    *.example.com/*

    となっていますが、これと同じように登録されましたでしょうか?

    http://www.example.com/

    example.com

    と登録されますと、マッチしないのでエラーが出ると思います。

    APIキーの登録画面で、
    「このキーを本番環境で使用する前に、必ずリファラーを指定してください。」
    というのは、このエラーが出ますよ、ということだと思います。

    また、WordPressとは直接関連のない内容ですので、Google API関連のフォーラムなどで質問された方が良いと思います。

    トピック投稿者 skuroda16

    (@skuroda16)

    > munyaguさま
    ご回答ありがとうございます!

    > また、WordPressとは直接関連のない内容ですので、Google API関連のフォーラムなどで質問された方が良いと思います。
    よくよく考えるとそうでしたね、、、その辺りの判断もわかりかねてはいましたが。

    ご回答通りAPIの入力を変更して様子を見ようと思います。
    その上でGoogleの方のフォーラムを当たってみます。

    ありがとうございました!

2件の返信を表示中 - 1 - 2件目 (全2件中)

トピック「Advanced Custome FieldのGoogle Mapフィールドについて」には新たに返信することはできません。