var apikey = "AIzaSyAys2sytMB-mbiRw0xXzdEIi_A6TbOePQA";
document.write("<script src='https://maps.googleapis.com/maps/api/js?key="+apikey+"'></script>");

$(function(){
	var infowindow = new google.maps.InfoWindow();
	/*$('body').append('<div class="remodal" data-remodal-id="modal" data-remodal-options="hashTracking:false"><button data-remodal-action="close" class="remodal-close"></button><div id="photoBox"></div></div>');*/
});

var map;
var marker = [];
var infoWindow = [];
var markerData = [
	{num: '1',name: 'ファーストビル',lat: 35.626849,lng: 139.721574},
	{num: '2',name: 'タイムズ駐車場',lat: 35.626249,lng: 139.721374},
	{num: '3',name: 'マイステイズ',lat: 35.626544,lng: 139.722612},
	{num: '4',name: '五反田駅',lat: 35.626114,lng: 139.723592},
	{num: '5',name: 'ＵＦＪ銀行',lat: 35.626187,lng: 139.722100}
];


function initialize() {
		//蛻晄悄險ｭ螳�
		var init = {
			zoom: 17,
			center: new google.maps.LatLng(35.626425, 139.722607),
			mapTypeId: google.maps.MapTypeId.ROADMAP,
			scrollwheel: false,
		};
		map_base = new google.maps.Map(document.getElementById("gmap"), init); //繝槭ャ繝励�蜃ｺ蜉帛�

		/*
		//繝槭ャ繝励�繧ｹ繧ｿ繧､繝ｫ
		var styleOptions = [
			{featureType: "all",					stylers: [ { hue: "#ffcc00" }, { saturation: -70 } ]},
			{featureType: "transit",			stylers: [ { hue: "#ff3300" } ]},
			{featureType: "road.highway",	stylers: [ { hue: "#11ff00" } ]}
		];
		var cpsType = new google.maps.StyledMapType(styleOptions);

		map_base.mapTypes.set('', cpsType);
		map_base.setMapTypeId('');*/
		
		/* 繝ｬ繧ｹ繝昴Φ繧ｷ繝門ｯｾ蠢� */
		google.maps.event.addDomListener(window, "resize", function() {
			var center = map_base.getCenter();
			google.maps.event.trigger(map_base, "resize");
			map_base.setCenter(center); 
		});

		cMarkers();

		/*
		// 繝ｩ繧､繝ｳ繧貞ｼ輔￥蠎ｧ讓吶�驟榊�繧剃ｽ懈�
		var points_root = [
			new google.maps.LatLng(34.697593, 135.533794),
			new google.maps.LatLng(34.697787, 135.533717),
			new google.maps.LatLng(34.698617, 135.533404),
			new google.maps.LatLng(34.698837, 135.534489),
			new google.maps.LatLng(34.698947, 135.535001),
			new google.maps.LatLng(34.698958, 135.535058)
		];
		
		// 繝ｩ繧､繝ｳ繧剃ｽ懈�
		var polyLineOptions_root = {
			path: points_root, //蜈医⊇縺ｩ險ｭ螳壹＠縺溘Ν繝ｼ繝�
			strokeWeight: 8, //邱壹�螟ｪ縺�
			strokeColor: "#ffd800", //邱壹�濶ｲ
			strokeOpacity: "0.8" //邱壹�騾乗�蠎ｦ
		}; 
		
		var poly_root = new google.maps.Polyline(polyLineOptions_root);
		//1縺､逶ｮ縺ｮ繝ｫ繝ｼ繝医ｒ繝槭ャ繝励↓險ｭ螳�
		poly_root.setMap(map_base);
		*/
		
		/*
		// 01 JR莠ｬ讖矩ｧ�圏蜿｣縺ｮ謾ｹ譛ｭ繧偵〒縺ｦ蜿ｳ謇九↓螳昴￥縺伜｣ｲ繧雁�ｴ縺後＃縺悶＞縺ｾ縺吶€ゅ％縺｡繧峨ｈ繧翫♀髮ｻ隧ｱ縺上□縺輔＞縲�
		var point = new google.maps.LatLng(34.697593, 135.533794);縲€//蝨ｰ轤ｹ縺ｮ邱ｯ蠎ｦ邨悟ｺｦ
		var info = '';縲€//繝槭�繧ｫ繝ｼ繧ｯ繝ｪ繝�け譎よュ蝣ｱ繧ｦ繧｣繝ｳ繝峨え譛臥┌��none縺ｧ髱櫁｡ｨ遉ｺ��
		var img = new google.maps.MarkerImage('../img/area/rv_route01.png',new google.maps.Size(40,36),
		new google.maps.Point(0,0),
		new google.maps.Point(25,0));縲€//繝槭�繧ｫ繝ｼ繧｢繧､繧ｳ繝ｳ險ｭ螳�
		var ZIndex = 99;縲€//繝槭�繧ｫ繝ｼ縺ｮ驥阪↑繧企��
		var marker = create_maker(info, point, img, ZIndex, "<img src='../img/area/kb/r01.jpg' width='630' height='630' alt=''><p>JR莠ｬ讖矩ｧ�圏蜿｣縺ｮ謾ｹ譛ｭ繧偵〒縺ｦ蜿ｳ謇九↓螳昴￥縺伜｣ｲ繧雁�ｴ縺後＃縺悶＞縺ｾ縺吶€ゅ％縺｡繧峨ｈ繧翫♀髮ｻ隧ｱ縺上□縺輔＞縲�</p>");縲€//諠��ｱ繧ｦ繧｣繝ｳ繝峨え

		// 02 螳昴￥縺伜｣ｲ繧雁�ｴ繧呈栢縺代∪縺吶→縲∝稔闌ｶ蠎励€悟ｹｳ驥主ｱ九€阪′豁｣髱｢縺ｫ隕九∴縺ｾ縺吶€ゅ◎縺薙ｒ蟾ｦ縺ｫ譖ｲ縺後▲縺ｦ繧｢繝ｼ繧ｱ繝ｼ繝牙�繧堤峩騾ｲ縺励∪縺吶→縲∝承謇九↓繧ｰ繝ｩ繝ｳ繧ｷ繝｣繝医�縺後＃縺悶＞縺ｾ縺吶€ゅ◎縺ｮ縺ｾ縺ｾ逶ｴ騾ｲ縺励※縺上□縺輔＞縲�
		var point = new google.maps.LatLng(34.697787, 135.533717);
		var info = '';
		var img = new google.maps.MarkerImage('../img/area/route02.png',new google.maps.Size(40,36),
		new google.maps.Point(0,0),
		new google.maps.Point(15,36));
		var ZIndex = 0;
		var marker = create_maker(info, point, img, ZIndex, "<img src='../img/area/kb/r02.jpg' width='630' height='630' alt=''><p>螳昴￥縺伜｣ｲ繧雁�ｴ繧呈栢縺代∪縺吶→縲∝稔闌ｶ蠎励€悟ｹｳ驥主ｱ九€阪′豁｣髱｢縺ｫ隕九∴縺ｾ縺吶€ゅ◎縺薙ｒ蟾ｦ縺ｫ譖ｲ縺後▲縺ｦ繧｢繝ｼ繧ｱ繝ｼ繝牙�繧堤峩騾ｲ縺励∪縺吶→縲∝承謇九↓繧ｰ繝ｩ繝ｳ繧ｷ繝｣繝医�縺後＃縺悶＞縺ｾ縺吶€ゅ◎縺ｮ縺ｾ縺ｾ逶ｴ騾ｲ縺励※縺上□縺輔＞縲�</p>");

		// 03 蠎�＞驕薙↓縺ｧ縺ｦ縲∝承縺ｮ隗偵↓繧ｸ繝｣繝ｳ繝懊き繝ｩ繧ｪ繧ｱ蠎��ｴ縺後＃縺悶＞縺ｾ縺吶€ゑｼ亥ｷｦ繧偵＃隕ｧ鬆ゅ￥縺ｨJR莠ｬ讖矩ｧ��鬮俶楔縺瑚ｦ九∴縺ｾ縺吶€ゑｼ我ｿ｡蜿ｷ繧呈ｸ｡繧峨★縺ｫ縲√ず繝｣繝ｳ繝懊き繝ｩ繧ｪ繧ｱ蠎��ｴ蛛ｴ縺ｫ譖ｲ縺後▲縺ｦ縺上□縺輔＞縲�
		var point = new google.maps.LatLng(34.698617, 135.533404);
		var info = '';
		var img = new google.maps.MarkerImage('../img/area/route03.png',new google.maps.Size(40,36),
		new google.maps.Point(0,0),
		new google.maps.Point(15,36));
		var ZIndex = 0;
		var marker = create_maker(info, point, img, ZIndex, "<img src='../img/area/kb/r03.jpg' width='630' height='630' alt=''><p>蠎�＞驕薙↓縺ｧ縺ｦ縲∝承縺ｮ隗偵↓繧ｸ繝｣繝ｳ繝懊き繝ｩ繧ｪ繧ｱ蠎��ｴ縺後＃縺悶＞縺ｾ縺吶€ゑｼ亥ｷｦ繧偵＃隕ｧ鬆ゅ￥縺ｨJR莠ｬ讖矩ｧ��鬮俶楔縺瑚ｦ九∴縺ｾ縺吶€ゑｼ我ｿ｡蜿ｷ繧呈ｸ｡繧峨★縺ｫ縲√ず繝｣繝ｳ繝懊き繝ｩ繧ｪ繧ｱ蠎��ｴ蛛ｴ縺ｫ譖ｲ縺後▲縺ｦ縺上□縺輔＞縲�</p>");

		// 04 縺昴�縺ｾ縺ｾ蝗ｽ驕�1蜿ｷ邱壹ｒ驕薙↑繧翫↓逶ｴ騾ｲ縲ょ承謇九↓螟ｩ荳倶ｸ€蜩√€√＆繧峨↓繝代メ繝ｳ繧ｳ螻九＆繧薙ｂ驕弱℃縺輔ｉ縺ｫ騾ｲ縺ｿ縺ｾ縺吶€�
		var point = new google.maps.LatLng(34.698837, 135.534489);
		var info = '';
		var img = new google.maps.MarkerImage('../img/area/route04.png',new google.maps.Size(40,36),
		new google.maps.Point(0,0),
		new google.maps.Point(15,36));
		var ZIndex = 0;
		var marker = create_maker(info, point, img, ZIndex, "<img src='../img/area/kb/r04.jpg' width='630' height='630' alt=''><p>縺昴�縺ｾ縺ｾ蝗ｽ驕�1蜿ｷ邱壹ｒ驕薙↑繧翫↓逶ｴ騾ｲ縲ょ承謇九↓螟ｩ荳倶ｸ€蜩√€√＆繧峨↓繝代メ繝ｳ繧ｳ螻九＆繧薙ｂ驕弱℃縺輔ｉ縺ｫ騾ｲ縺ｿ縺ｾ縺吶€�</p>");

		// 05 DVD縺ｮ譯�､ｪ驛弱′隕九∴縺ｾ縺吶€ゅ◎縺ｮ謇句燕縺ｮ繝ｬ繝ｳ繧ｬ菴懊ｊ縺ｮ繝薙Ν縺ｮ2髫弱′縺溘□縺�∪莠ｬ讖句ｺ励〒縺吶€�
		var point = new google.maps.LatLng(34.698947, 135.535001);
		var info = '';
		var img = new google.maps.MarkerImage('../img/area/rv_route05.png',new google.maps.Size(40,36),
		new google.maps.Point(0,0),
		new google.maps.Point(25,0));
		var ZIndex = 0;
		var marker = create_maker(info, point, img, ZIndex, "<img src='../img/area/kb/r05.jpg' width='473' height='630' alt=''><p>DVD縺ｮ譯�､ｪ驛弱′隕九∴縺ｾ縺吶€ゅ◎縺ｮ謇句燕縺ｮ繝ｬ繝ｳ繧ｬ菴懊ｊ縺ｮ繝薙Ν縺ｮ2髫弱′縺溘□縺�∪莠ｬ讖句ｺ励〒縺吶€�</p>");

		// 06 蠎苓�蜑�
		var point = new google.maps.LatLng(34.698919, 135.535091);
		var info = 'none';
		var img = new google.maps.MarkerImage('../img/area/flag_kyobashi.png',new google.maps.Size(86,106),
		new google.maps.Point(0,0),
		new google.maps.Point(20,106));
		var ZIndex = 0;
		var marker = create_maker(info, point, img, ZIndex, "<div class='infobox'><div class='photo'><iframe src='https://www.google.com/maps/embed?pb=!1m0!3m2!1sja!2sjp!4v1460615564498!6m8!1m7!1sLI7_Az9XOI5sDHl6gDe-tA!2m2!1d34.69904493400465!2d135.5351286057833!3f196.9662318291402!4f8.345172209489064!5f0.7820865974627469' width='300' height='240' frameborder='0' style='border:0'></iframe></div></div>");
		*/
}

function cMarkers(){
	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, // 繝槭�繧ｫ繝ｼ繧堤ｫ九※繧倶ｽ咲ｽｮ繧呈欠螳�
			label: {
				color: "black" ,	// 繝ｩ繝吶Ν縺ｮ濶ｲ
				fontWeight: "bold" ,	// 譁�ｭ励�螟ｪ縺�
				text: markerData[i]['num'],		// 譁�ｭ�
			},
			map: map_base // 繝槭�繧ｫ繝ｼ繧堤ｫ九※繧句慍蝗ｳ繧呈欠螳�
		});
		infoWindow[i] = new google.maps.InfoWindow({ // 蜷ｹ縺榊�縺励�霑ｽ蜉�
				content: '<div>' + markerData[i]['name'] + '</div>' // 蜷ｹ縺榊�縺励↓陦ｨ遉ｺ縺吶ｋ蜀�ｮｹ
		});
		markerEvent(i); // 繝槭�繧ｫ繝ｼ縺ｫ繧ｯ繝ｪ繝�け繧､繝吶Φ繝医ｒ霑ｽ蜉�
	}
}

// 繝槭�繧ｫ繝ｼ縺ｫ繧ｯ繝ｪ繝�け繧､繝吶Φ繝医ｒ霑ｽ蜉�
function markerEvent(i) {
	marker[i].addListener('click', function() { // 繝槭�繧ｫ繝ｼ繧偵け繝ｪ繝�け縺励◆縺ｨ縺�
		infoWindow[i].open(map_base, marker[i]); // 蜷ｹ縺榊�縺励�陦ｨ遉ｺ
	});
}

/*
// 繝槭�繧ｫ繝ｼ繧堤函謌�
function create_maker(info, latlng, img, ZIndex, html) {
	var marker = new google.maps.Marker({
		position: latlng,縲€//蜷�Ν繝ｼ繝医�邱ｯ蠎ｦ邨悟ｺｦ
		map: map_base,縲€//險ｭ螳壹☆繧九�繝��
		icon: img,縲€//蜷��繝ｼ繧ｫ繝ｼ縺ｮ繧｢繧､繧ｳ繝ｳ
		zIndex: ZIndex,縲€//蜷��繝ｼ繧ｫ繝ｼ縺ｮ驥阪�鬆�
		animation: google.maps.Animation.DROP縲€//繝槭�繧ｫ繝ｼ縺御ｸ翫°繧芽誠縺｡縺ｦ縺上ｋ繧｢繝九Γ繝ｼ繧ｷ繝ｧ繝ｳ
	});
	// 繝槭�繧ｫ繝ｼ繧偵け繝ｪ繝�け縺励◆譎ゅ�蜃ｦ逅�
	google.maps.event.addListener(marker, "click", function() {
		if (info == 'none'){
		}else{
			// infowindow.setContent(html);
			// infowindow.open(map_base, marker);
			$('#photoBox').html(html);
			$('[data-remodal-id=modal]').remodal().open();
		}
	});
}
*/