var map;
var marker = [];
var infoWindow = [];
var markerData = [{
    name: '畠中アパート2号 全面リフォーム　即入居可能な物件です♪',
    lat: 33.260229062526456,
    lng: 131.3422443520809,
    img: '/img_file/data/176017213021147-1.jpg',
    url: '/search/apart-mansion/detail.php?176017213021147'
  }
,{
    name: 'グランビレッジ大分Ⅰ　　２０５号！　現況：空室♪（※大分市内の物件です。）',
    lat: 33.24912088663239,
    lng: 131.72274693846703,
    img: '/img_file/data/174322477628574-1.jpg',
    url: '/search/apart-mansion/detail.php?174322477628574'
  }
,{
    name: 'フルール加勢の湯　現状：即入居可　残り１部屋♪　敷金・礼金０円♪　',
    lat: 33.253962034706504,
    lng: 131.3574420000703,
    img: '/img_file/data/162650735527976-1.jpg',
    url: '/search/apart-mansion/detail.php?162650735527976'
  }
,{
    name: 'アトリオ上野　現状：10月末退去予定　※女性専用物件　大分市　芸短から徒歩2分♪　築浅物件♪オートロック♪ネット付物件♪♪（※駐車場は空き無し）',
    lat: 33.22259157290526,
    lng: 131.61450303877064,
    img: '/img_file/data/164458786130688-1.jpg',
    url: '/search/apart-mansion/detail.php?164458786130688'
  }
,{
    name: 'アトリオ杵築　現状：即入居可　　敷金・礼金０円！※杵築市内の物件になります。※一部メゾネットタイプ有（改装工事予定）',
    lat: 33.41994776688077,
    lng: 131.61562488548896,
    img: '/img_file/data/16392927841007-1.jpg',
    url: '/search/apart-mansion/detail.php?16392927841007'
  }
,{
    name: 'セカンド・パピヨンN.K　現状：応相談',
    lat: 33.26351399561233,
    lng: 131.35362572377016,
    img: '/img_file/data/164342940024694-1.jpg',
    url: '/search/apart-mansion/detail.php?164342940024694'
  }
,{
    name: 'グリーンハウス由布　現状：即入居可♪　並柳地区♪　敷金・礼金0円中♪　駐車料無料♪♪　温水洗浄便座・モニターインターホン新設♪♪',
    lat: 33.27572138235167,
    lng: 131.35320347250357,
    img: '/img_file/data/16265104825236-1.jpg',
    url: '/search/apart-mansion/detail.php?16265104825236'
  }
,{
    name: 'R４２番館　女性専用物件です♪1階です♪　現状：即入居可　敷金・礼金0円物件♪　水道・共益費・駐車料込み♪♪',
    lat: 33.25675075538514,
    lng: 131.3437054300209,
    img: '/img_file/data/162634320823208-1.jpg',
    url: '/search/apart-mansion/detail.php?162634320823208'
  }
,{
    name: 'エスポアール（川北地区）　　現状：102号（即入居可）201号（応相談）',
    lat: 33.25945235435828,
    lng: 131.3433409069933,
    img: '/img_file/data/158788110028364-1.jpg',
    url: '/search/apart-mansion/detail.php?158788110028364'
  }
];
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]); // 吹き出しの表示
  });
}