web-dev-qa-db-ja.com

Googleマップに投稿を表示する

カスタムフィールドを介して、各投稿にその地理座標(緯度/経度)を割り当てました。

それでは、投稿ごとにマーカー付きのGoogleマップを表示したいと思います。

これを効果的に行う方法について何か提案はありますか?

編集:このG.M.の回答 に従って解決。

2
User

ここに進むにはたくさんの方法があります。これを行う1つの方法は次のとおりです。

  1. マップマーカーで動作するJavaScript/jQueryプラグインを見つけてください。私は Mosne Map を使っていましたが、古いですがうまくいきます。

  2. 上記のプラグインが使用するHTMLマークアップを生成します。私はマーカーを追加するためのよりユーザーフレンドリーな方法が必要でした、それで私は私が地図で1ページを持っていたのでそれのためにACFの Repeater Field タイプを使った緯度経度座標をそのページに添付する最も簡単な方法でした。あなたの場合はおそらくそれらの投稿にWP_Queryを付けてそれぞれから座標を抽出することでしょう。

  3. すべてのページに地図を表示できるように、すべてをショートコードでつなぎます。繰り返しますが、これは必要ありません。必要なJSをすべて含め、WP_Queryを実行して、地図を表示したい場所に必要なHTMLを生成するだけです。

3
montrealist

これまでに私がこれまでに見つけた最高のプラグインは Mappress です...あなたが必要とするかもしれないプロバージョンがあります。私はそれをあなたが説明する方法でここに実装しました ここで

1
fshequin