サポート » プラグイン » advanced custom fields 投稿画面でgooglemapで住所を自動で拾わない

  • 解決済 morisaki

    (@morisaki)


    advanced custom fieldsのgooglemapを使用し、
    記事に地図を埋め込みました。これまでに何度か設置したことがあり、同じように設定し、API等も問題ありません

    地図は表示されているのですが、住所の入力欄に住所をいれても地図が変わりません
    正常に動いていれば、住所を入力している途中で候補が出てきますが、それも出てきません
    記事ページで呼び出されている地図は住所欄に入力した住所の地図ではなく、投稿画面で表示されていた地図でした

    今回使用しているサーバーがSFTPなのですが、サーバーの仕様なども影響はあるのでしょうか?

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • モデレーター のむらけい (Kei Nomura)

    (@mypacecreator)

    個人的な経験では

    • Google maps api側で、許可ドメインの設定に問題がある
    • HTTP / HTTPS の違いで読み込めてない
    • APIキーを設定するフィルターフックがちゃんと掛かってない

    どれかの場合が多いです。念のためお確かめください。(何度か設置したことがあるとのこと、すでに確認済みだったらすみません。)

    APIキーは公式サイトのサンプルにあるみたいに

    
    //Google Maps API key
    function my_acf_google_map_api( $api ){
    	$api['key'] = '****yourkey****';
    	return $api;
    }
    add_filter('acf/fields/google_map/api', 'my_acf_google_map_api');

    って感じで挿入してますよね?(PRO版だと書き方が違うようですが)
    サーバの仕様は、通常は問題にならないはずです。

    ChromeやFirefoxとかのデベロッパーツールのコンソールでエラーが出てるかもしれないので、それも確認してみてください。

    スレッド開始 morisaki

    (@morisaki)

    ありがとうございます!
    ACFのgooglemapのページにあるサンプルコードですべて記述し、APIキーも設定、
    他のサーバーでは問題なく動作していた仕様で設置しました。

    色々探してみたところ、こちらの記事 https://teratail.com/questions/45818 とまったく同じ現象でしたので、
    Google Maps JavaScript APIの他に、
    Google Maps Embed API
    Google Maps Geocoding API
    のふたつを同じキーで追加したところ、無事動作するようになりました。
    ただ、住所を入力している際に候補がでなかったり、地図が反映されるまで若干タイムラグがあったりしますが
    利用にはそこまで支障がありませんのでこれで締めようと思います。
    サーバーによっては追加のコードが必要になる場合があるのかもしれませんね
    ありがとうございました

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • トピック「advanced custom fields 投稿画面でgooglemapで住所を自動で拾わない」には新たに返信することはできません。