ajax通信を用いてmap上にcsvのデータをマーカーとして表示する方法

WordPressにcsvのデータを全て投稿した後にそれらの緯度と経度を取り出してajax通信を用いてindex.htmlにそのデータを参照するようにさせます。

<script>

    jQuery(function($) {
      $.ajax({
        crossDomain: true,
        type: "POST",
        url: wp_url_admin_ajax,
        data: {
          action: "tell_me"
        },

        success: function(response) {
          json = eval("(" + response + ")");
          var markerData = JSON.parse(response);

          for (i = 0; i < markerData.length; i++) {
            create_marker(markerData[i].lat, markerData[i].lng); //lat=緯度 ,lng=経度
          }
          if (json.err) {
            result = "error:404"; //読み込みに失敗したらerror404と表示するようにする
          } else {
            console.log(response);
          }
        }
      });
    });
    </script>

これによってionic側が座標データを求める準備ができました。 次はサーバー側であるwordpressのphpに送信を求められた時に送るデータを教えてあげます。 wp-admin/admin.ajax-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 = 1; $i < count($data); $i++){ //データの１行めは項目欄でデータではないことが多いので$iは1からカウント
        $data[$count]['lat'] = get_post_meta($i,'lat',true); 
        $data[$count]['lng'] = get_post_meta($i,'lng',true);
        $data[$count]['place'] = get_post_meta($i,'place',true);
        $count++;
    }
  echo json_encode($data, JSON_UNESCAPED_UNICODE);
  die();
}

こうすることでおそらく地図上にマーカーが表示されるはずです。