//<![CDATA[
var map;
var marker = new Array();
var html = new Array();
var infowindow;
function initialize() {
	var mapOptions = {
		zoom: 16,
		center: new google.maps.LatLng(35.732135, 139.766787),
		mapTypeId: google.maps.MapTypeId.ROADMAP
	}
	map = new google.maps.Map(document.getElementById("map"), mapOptions);
			html[0] = 'ホテル エル<br />東京都荒川区西日暮里2-21-4<br />TEL:03-3807-9411';
		var point = new google.maps.LatLng(35.72938, 139.77014);
		marker[0] = new google.maps.Marker({position: point, title:"ホテル エル"});
		marker[0].setMap(map);
		google.maps.event.addListener(marker[0], "click", function() {
 			clickMarker(35.72938, 139.77014, 0);
 		});
		html[1] = 'ニューさがみ別館<br />東京都荒川区西日暮里2-52-11<br />TEL:03-3891-8827';
		var point = new google.maps.LatLng(35.73031, 139.770165);
		marker[1] = new google.maps.Marker({position: point, title:"ニューさがみ別館"});
		marker[1].setMap(map);
		google.maps.event.addListener(marker[1], "click", function() {
 			clickMarker(35.73031, 139.770165, 1);
 		});
		html[2] = 'ホテル パピオン<br />東京都荒川区西日暮里5-15-5<br />TEL:03-3803-3355';
		var point = new google.maps.LatLng(35.731954, 139.768232);
		marker[2] = new google.maps.Marker({position: point, title:"ホテル パピオン"});
		marker[2].setMap(map);
		google.maps.event.addListener(marker[2], "click", function() {
 			clickMarker(35.731954, 139.768232, 2);
 		});
		html[3] = 'ホテル プレステージ<br />東京都荒川区西日暮里5-14-8<br />TEL:03-3803-7911';
		var point = new google.maps.LatLng(35.732291, 139.768282);
		marker[3] = new google.maps.Marker({position: point, title:"ホテル プレステージ"});
		marker[3].setMap(map);
		google.maps.event.addListener(marker[3], "click", function() {
 			clickMarker(35.732291, 139.768282, 3);
 		});
		html[4] = 'ピース１（ピースワン）<br />東京都荒川区西日暮里5-18-2<br />TEL:03-3802-5855';
		var point = new google.maps.LatLng(35.73146, 139.768593);
		marker[4] = new google.maps.Marker({position: point, title:"ピース１（ピースワン）"});
		marker[4].setMap(map);
		google.maps.event.addListener(marker[4], "click", function() {
 			clickMarker(35.73146, 139.768593, 4);
 		});
		html[5] = 'Ｅ　Ｉ<br />東京都荒川区西日暮里5-18-4<br />TEL:03-3802-7775';
		var point = new google.maps.LatLng(35.73145, 139.768622);
		marker[5] = new google.maps.Marker({position: point, title:"Ｅ　Ｉ"});
		marker[5].setMap(map);
		google.maps.event.addListener(marker[5], "click", function() {
 			clickMarker(35.73145, 139.768622, 5);
 		});
		html[6] = 'オーガスター<br />東京都荒川区西日暮里5丁目16-2<br />TEL:03-6806-5340';
		var point = new google.maps.LatLng( 35.731697 ,  139.769062);
		marker[6] = new google.maps.Marker({position: point, title:"オーガスター"});
		marker[6].setMap(map);
		google.maps.event.addListener(marker[6], "click", function() {
 			clickMarker( 35.731697 ,  139.769062, 6);
 		});
		html[7] = 'エーゲ海<br />東京都荒川区西日暮里2-53-9<br />TEL:03-3807-2338';
		var point = new google.maps.LatLng(35.730865, 139.769511 );
		marker[7] = new google.maps.Marker({position: point, title:"エーゲ海"});
		marker[7].setMap(map);
		google.maps.event.addListener(marker[7], "click", function() {
 			clickMarker(35.730865, 139.769511 , 7);
 		});

}

function loadScript() {
	var script = document.createElement("script");
	script.type = "text/javascript";
	script.src = "https://maps.googleapis.com/maps/api/js?key=AIzaSyC6FmroPbUeWeiI0WVDFO9mpc9RZl2Ix1Y&callback=initialize";
	document.body.appendChild(script);
}

function clickMarker(lat, lang, index){
	if(infowindow) infowindow.close();
	map.panTo(new google.maps.LatLng(lat, lang));
	infowindow = new google.maps.InfoWindow({content: html[index]});
	//吹き出しを表示する
	infowindow.open(map, marker[index]);
}

window.onload = loadScript;

//]]>