Ajaxで取得した情報を元にGoogle Mapsにマーカーを表示する

Ajaxで取得した情報を元にGoogle Mapsにマーカーを表示するには、外でマーカーを表示する関数を作った後で、Ajax通信の処理の中でその関数を呼び出すのが一番簡単な方法のようです。

function createMarker(lat, lng){
//        マーカの作成
          var marker = new google.maps.Marker({
            position: new google.maps.LatLng(lat, lng),
            map: map
          });
      }

jQuery(function ($) {
        $.ajax({
          type: 'POST',
          dataType: 'json', 
          crossDomain: true,
          url: wp_url_admin_ajax,
          data: {
            'action': 'tell_me'
          },
          success: function (response) {
            console.log(response);
            var data = response;
            for (i = 0; i < data.length; i++) {
              createMarker(data[i].lat, data[i].lng); 
            }
          }
        });

AWSを利用した導入事例のご紹介

実際に構築を行ったAWSの事例を紹介しています。導入の目的に近い事例をご覧いただくと、実際の構成例やメリット、注意点などが把握できます。

ブックオフコーポレーション株式会社様
第一生命保険株式会社様
株式会社電通様
株式会社LIFULL様
株式会社リブセンス様
TBSアナウンス部様
明治大学様
拓殖大学様