###前提・実現したいこと
Wordpressのプラグイン「Advanced Custom Fields」を使用して投稿した個別ページに
Google Mapを表示したいです。
2016年6月22日からGoogle Mapの表示には
APIキーが必須になったとのことですが、
無事APIキーは取得できまして、
functions.phpにAPIキーのコードを記載したところ、
投稿画面でGoogle Mapを表示することはできました。
###発生している問題・エラーメッセージ
上記でGoogle Map入りの記事を投稿したのですが、
該当する記事ページにGoogle Mapが表示されません。
エラーメッセージ的なものも表示されず、スルーです。
###single.phpに記載した内容
ACF公式サイト(https://www.advancedcustomfields.com/resources/google-map/)からコピペしました。
<?php $location = get_field('フィールド名'); if( !empty($location) ): ?> <div class="acf-map"> <div class="marker" data-lat="<?php echo $location['lat']; ?>" data-lng="<?php echo $location['lng']; ?>"></div> </div> <?php endif; ?>
###header.phpに記載した内容
APIキーに関しては投稿画面にGoogle Mapを表示させるために「functions.php」に記載してあるので、
header.phpにも必要なのかどうか分からなかったのですが、一応
http://design-plus1.com/tcd-w/2016/06/google-maps.html
を参考に記載しました。
このコードを記載するとしても
header.phpに書くべきかは自信ありません・・・。
<script src="https://maps.googleapis.com/maps/api/js?key=APIキー"></script>
###試したこと
上記2点を設定した状態で、
投稿画面のGoogle Mapのカスタムフィールドに
地図を表示させたい住所を入力して投稿しただけなのですが、
何か抜けていたり間違いがあればご指摘いただければ幸いです。
###補足情報(言語/FW/ツール等のバージョンなど)
WordPress 4.7
Advanced Custom Fields 4.4.11
回答1件
あなたの回答
tips
プレビュー