advanced custom fields 投稿画面でgooglemapで住所を自動で拾わない

解決済 morisaki
(@morisaki)

7年、 2ヶ月前

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

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

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

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

モデレーターのむらけい (Kei Nomura)
(@mypacecreator)

7年、 2ヶ月前
個人的な経験では
- 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とかのデベロッパーツールのコンソールでエラーが出てるかもしれないので、それも確認してみてください。
- この返信は7年、 2ヶ月前にのむらけい (Kei Nomura)が編集しました。
トピック投稿者 morisaki
(@morisaki)

7年、 2ヶ月前

ありがとうございます！
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で住所を自動で拾わない」には新たに返信することはできません。

トピックタグ

表示