カスタムフィールドを介して、各投稿にその地理座標(緯度/経度)を割り当てました。
それでは、投稿ごとにマーカー付きのGoogleマップを表示したいと思います。
これを効果的に行う方法について何か提案はありますか?
編集:このG.M.の回答 に従って解決。
ここに進むにはたくさんの方法があります。これを行う1つの方法は次のとおりです。
マップマーカーで動作するJavaScript/jQueryプラグインを見つけてください。私は Mosne Map を使っていましたが、古いですがうまくいきます。
上記のプラグインが使用するHTMLマークアップを生成します。私はマーカーを追加するためのよりユーザーフレンドリーな方法が必要でした、それで私は私が地図で1ページを持っていたのでそれのためにACFの Repeater Field タイプを使った緯度経度座標をそのページに添付する最も簡単な方法でした。あなたの場合はおそらくそれらの投稿にWP_Query
を付けてそれぞれから座標を抽出することでしょう。
すべてのページに地図を表示できるように、すべてをショートコードでつなぎます。繰り返しますが、これは必要ありません。必要なJSをすべて含め、WP_Query
を実行して、地図を表示したい場所に必要なHTMLを生成するだけです。