Create Multiple Marker Map from ACF Google Map Location Field from a CPT

CPTのACFGoogleマップロケーションフィールドから複数のマーカーマップを作成

①ACFフィールドグループを作成
>繰り返しフィールド
②GoogleMapAPIを入手
③GoogleMapAPIをfunctions.phpを介して追加:functions.php
④ACF GoogleMapJavascriptコードを作成(/js/dealer.js)
⑤ACFJSとAPIの依存関係を設定:functions.php
⑥CSSを少し追加
⑦1つのマップに単一のマーカーを表示>single-dealer.php:functions.php
⑧1つのマップに複数のマーカーを表示>page-all-dealers.php:functions.php
⑨ズームレベル(/js/dealer.js)
>map.setZoom( 18 );
>https://qiita.com/SnowMonkey/items/795779913be692c12a0b
⑩マップ出力のショートコード:単一&複数
>themeprefix_single_marker]
>themeprefix_multiple_marker]
⑪ショートコードをテンプレートに埋め込み
>echo do_shortcode(‘[ショートコード]’);

PR08:やはぎ駐車場(領1)

日本、〒332-0004 埼玉県川口市領家1丁目18−10

PR07:ディアー駐車場

日本、〒332-0004 埼玉県川口市領家1丁目23−25

PR06:鹿嶋駐車場3

日本、〒332-0004 埼玉県川口市領家1丁目24−21

PR05:木村正雄駐車場

日本、〒332-0004 埼玉県川口市領家1丁目24−18

PR03:メゾンクローバー駐車場

日本、〒332-0004 埼玉県川口市領家1丁目12−8

PR02:小山隆次駐車場

日本、〒332-0004 埼玉県川口市領家1丁目18−7

PR01:菅澤駐車場

日本、〒332-0004 埼玉県川口市領家1丁目5−10

One thought on “Create Multiple Marker Map from ACF Google Map Location Field from a CPT

Leave a Reply to WordPress コメントの投稿者 Cancel Reply

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

You may use these HTML tags and attributes:

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>