/* ================ TOPページ下部のgoogleMAP API ================ */
(function() {
  var wf = document.createElement('script');
  wf.src = 'https://maps.googleapis.com/maps/api/js?key=AIzaSyAgPaabDS8A5Lc9o78uwguKT1h8hEqnP9o&callback=initMap';
  wf.type = 'text/javascript';
  wf.async = 'true';
  var s = document.getElementsByTagName('script')[0];
  s.parentNode.insertBefore(wf, s);
})();


$(function(){
	$("#rakuten-map").html();
});

function initMap() {
	var mapPosition = {lat: 35.42217182870092, lng: 133.3347787116393};
	var mapArea = document.getElementById('rakuten-map');
	var mapOptions = {
		center: mapPosition,
		zoom: 17,
		// ↓↓↓ 当記事ではstylesオプションを解説 ↓↓
		//https://www.granfairs.com/blog/staff/google-maps-api-04
		//https://developers.google.com/maps/documentation/javascript/style-reference?hl=ja#style-features
		styles: [
  /*全てのラベルを非表示
  {
    featureType: 'all',
    elementType: 'labels',
    stylers: [
      {visibility: 'off'},
    ],
  },
	*/
  //「poi=観光スポットや施設など」を非表示
/*
＊POI情報のBusinessカテゴリが充実
　現在は「Business」という括りでしか絞り込みができませんが、
　ここに、以下の5カテゴリが追加になります。
　・lodging(宿泊施設)
　・shopping(商業施設)
　・food & drink(飲食店)
　・car rental(カーレンタル)
　・gas stations(ガソリンスタンド)
*/
  {
    featureType: 'poi.business',
    elementType: 'labels.text',
    stylers: [
      {visibility: 'off'},
    ],
		featureType: 'landscape.man_made',
    elementType: 'labels.text',
    stylers: [
      {visibility: 'simplified'},
    ],

  },
  //地図全体の色味をカスタマイズ
  //基本色を赤に統一 + 彩度を落とす
  {
    featureType: 'all',
    elementType: 'all',
    stylers: [
      {hue: '#bbbbbb'},
      {saturation : -100},
    ],
  }
],
	};
	var map = new google.maps.Map(mapArea, mapOptions);

	var markerOptions = {
		map: map,
		position: mapPosition,
		icon: 'https://www.harvestin.com/rktn/img/googlemap_icon.png',
	};
	var marker = new google.maps.Marker(markerOptions);

	//吹き出し作成
	var infoWindow = new google.maps.InfoWindow({
		 content: '<div><b>ホテルハーベストイン米子</b><br>〒683-0036<br>鳥取県米子市弥生町8−27<br>Tel:0859-31-1111</div>',
		 pixelOffset: new google.maps.Size(-2, 160),
//		 position: mapPosition,
		});

	//マーカーをクリックしなくてもはじめから情報ウィンドウを開く
	infoWindow.open(map, marker);
}

/* ================ /TOPページ下部のgoogleMAP API ================ */