WPからGoogleMap上にマーカー表示させる

サーバ側でWPの投稿データを吸い出して、アプリ側のindex.htmlに吐き出す。

function.php

add_action('wp_ajax_tell_me', 'tell_me');  // ログイン状態のユーザーからのアクセスで動作する
add_action('wp_ajax_nopriv_tell_me', 'tell_me'); // 非ログインのユーザーからのアクセスで動作する
function tell_me() {
    $data = array();
    $count = 0;
    for($i=2848;$i<2853;$i++){
        $data[$count]['address'] = get_post_meta($i,'address',true); 
        $data[$count]['No.'] = get_post_meta($i,'No.',true); 
        $data[$count]['name'] = get_post_meta($i,'name',true); 

        $data[$count]['lat'] = get_post_meta($i,'lat',true); 
    $data[$count]['lng'] = get_post_meta($i,'lng',true);
        $count++;
    }

    header("Access-Control-Allow-Origin: *");

  echo json_encode($data, JSON_UNESCAPED_UNICODE);//AjaxはJSONファイルしか扱えないので、JSON形式にエンコードする

  die();//die()関数は、PHPスクリプトの実行を終了する
}

上記のget_post_meta関数の引数に注意が必要。$iには記事のID あてはまる。記事のIDはマウスを記事のタイトルに当てたときに得られる、

{name}.local/archives/oooo

ooooの部分に当たる。