var map;
var marker = [];
var infoWindow = [];
var markerData = [{
    name: 'アルム　１０１　現況：即入居可（※女性専用物件）湯布院中心地！利便性抜群♪',
    lat: 33.265198804889145,
    lng: 131.3575867540173,
    img: '/img_file/data/173356592522576-1.jpg',
    url: '/search/apart-mansion/detail.php?173356592522576'
  }
,{
    name: 'アトリオＢｅｐｐｕ　別府駅前本町の築浅物件♪',
    lat: 33.2809124485945,
    lng: 131.50209477230732,
    img: '/img_file/data/163375690627189-1.jpg',
    url: '/search/apart-mansion/detail.php?163375690627189'
  }
,{
    name: 'コーポ田園　現状：７月末・8月末退去予定　敷金・礼金0円♪　水道料・駐車場・共益費込み',
    lat: 33.256977404217736,
    lng: 131.35993775889744,
    img: '/img_file/data/1596761232991-1.jpg',
    url: '/search/apart-mansion/detail.php?1596761232991'
  }
,{
    name: 'コーポD&K　現状：入居可',
    lat: 33.273496741881885,
    lng: 131.3545105310741,
    img: '/img_file/data/162649710126966-1.jpg',
    url: '/search/apart-mansion/detail.php?162649710126966'
  }
,{
    name: 'ル・ヴィラージュえとう　現状：空室　入居日応相談！！',
    lat: 33.27233318384975,
    lng: 131.36151045238455,
    img: '/img_file/data/16264910607936-1.jpg',
    url: '/search/apart-mansion/detail.php?16264910607936'
  }
,{
    name: 'ぴあはうすA　現状：１０３・２０３　現況：７月末退去予定　敷金・礼金0円♪　',
    lat: 33.25560178453216,
    lng: 131.36162658764385,
    img: '/img_file/data/162643132711765-1.jpg',
    url: '/search/apart-mansion/detail.php?162643132711765'
  }
,{
    name: '長谷川アパート　現状：２０２号・２０５号　空室です♪',
    lat: 33.26334762253492,
    lng: 131.35769799834276,
    img: '/img_file/data/162634159517349-1.jpg',
    url: '/search/apart-mansion/detail.php?162634159517349'
  }
];
function initMap() {
  // 地図の作成
  var mapLatLng = new google.maps.LatLng({
    lat: 33.2626697,
    lng: 131.355101,
//    lat: markerData[0]['lat'],
//    lng: markerData[0]['lng']
  }); // 緯度経度のデータ作成
  map = new google.maps.Map(document.getElementById('map'), { // #sampleに地図を埋め込む
    center: mapLatLng, // 地図の中心を指定
    zoom: 15 // 地図のズームを指定
  });

  // マーカー毎の処理
  for (var i = 0; i < markerData.length; i++) {
    markerLatLng = new google.maps.LatLng({
      lat: markerData[i]['lat'],
      lng: markerData[i]['lng']
    }); // 緯度経度のデータ作成
    marker[i] = new google.maps.Marker({ // マーカーの追加
      position: markerLatLng, // マーカーを立てる位置を指定
      map: map // マーカーを立てる地図を指定
    });

    infoWindow[i] = new google.maps.InfoWindow({ // 吹き出しの追加
      content: 
      '<div class="infowindow">' +
      '<h2>' + markerData[i]['name'] + '</h2>' +
      '<figure><img src="' + markerData[i]['img'] + '" alt=""/></figure>' +
      '<a href="' + markerData[i]['url'] + '">詳細はこちら</a>' +
      '</div>' // 吹き出しに表示する内容
    });

    markerEvent(i); // マーカーにクリックイベントを追加
  }
}

// マーカーにクリックイベントを追加
function markerEvent(i) {
  marker[i].addListener('click', function () { // マーカーをクリックしたとき
    infoWindow[i].open(map, marker[i]); // 吹き出しの表示
  });
}