//<![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.727772, 139.770987),
		mapTypeId: google.maps.MapTypeId.ROADMAP
	}
	map = new google.maps.Map(document.getElementById("map"), mapOptions);
			html[0] = 'ホテルピュア・アジアン<br />東京都台東区根岸2-12-10<br />TEL:03-5603-5260';
		var point = new google.maps.LatLng(35.724522, 139.777459);
		marker[0] = new google.maps.Marker({position: point, title:"ホテルピュア・アジアン"});
		marker[0].setMap(map);
		google.maps.event.addListener(marker[0], "click", function() {
 			clickMarker(35.724522, 139.777459, 0);
 		});
		html[1] = 'ホテル 愛<br />東京都台東区谷中7-18-20<br />TEL:03-3824-0012';
		var point = new google.maps.LatLng(35.727391, 139.768826);
		marker[1] = new google.maps.Marker({position: point, title:"ホテル 愛"});
		marker[1].setMap(map);
		google.maps.event.addListener(marker[1], "click", function() {
 			clickMarker(35.727391, 139.768826, 1);
 		});
		html[2] = 'プチホテルコスモス<br />東京都荒川区西日暮里2-17-4<br />TEL:03-3807-2304';
		var point = new google.maps.LatLng(35.729119, 139.772048);
		marker[2] = new google.maps.Marker({position: point, title:"プチホテルコスモス"});
		marker[2].setMap(map);
		google.maps.event.addListener(marker[2], "click", function() {
 			clickMarker(35.729119, 139.772048, 2);
 		});
		html[3] = 'ホテル B-Girl<br />東京都荒川区西日暮里2-17-9<br />TEL:03-3802-4686';
		var point = new google.maps.LatLng(35.729163, 139.772251);
		marker[3] = new google.maps.Marker({position: point, title:"ホテル B-Girl"});
		marker[3].setMap(map);
		google.maps.event.addListener(marker[3], "click", function() {
 			clickMarker(35.729163, 139.772251, 3);
 		});
		html[4] = 'ホテル エル<br />東京都荒川区西日暮里2-21-4<br />TEL:03-3807-9411';
		var point = new google.maps.LatLng(35.72938, 139.77014);
		marker[4] = new google.maps.Marker({position: point, title:"ホテル エル"});
		marker[4].setMap(map);
		google.maps.event.addListener(marker[4], "click", function() {
 			clickMarker(35.72938, 139.77014, 4);
 		});
		html[5] = 'ホテルステーション日暮里<br />東京都荒川区西日暮里2-51-5<br />TEL:03-3891-7047';
		var point = new google.maps.LatLng(35.730422, 139.770312);
		marker[5] = new google.maps.Marker({position: point, title:"ホテルステーション日暮里"});
		marker[5].setMap(map);
		google.maps.event.addListener(marker[5], "click", function() {
 			clickMarker(35.730422, 139.770312, 5);
 		});
		html[6] = 'ホテルエーゲ海<br />東京都荒川区西日暮里2-53-9<br />TEL:03-3807-2338';
		var point = new google.maps.LatLng(35.730871, 139.769496);
		marker[6] = new google.maps.Marker({position: point, title:"ホテルエーゲ海"});
		marker[6].setMap(map);
		google.maps.event.addListener(marker[6], "click", function() {
 			clickMarker(35.730871, 139.769496, 6);
 		});
		html[7] = 'ホテルたかしま<br />東京都荒川区西日暮里2-52-11<br />TEL:03-3891-5325';
		var point = new google.maps.LatLng(35.73031, 139.770165);
		marker[7] = new google.maps.Marker({position: point, title:"ホテルたかしま"});
		marker[7].setMap(map);
		google.maps.event.addListener(marker[7], "click", function() {
 			clickMarker(35.73031, 139.770165, 7);
 		});
		html[8] = 'マイステイズ日暮里<br />東京都荒川区東日暮里５丁目４３−７<br />TEL:03-3891-2710';
		var point = new google.maps.LatLng(35.727603, 139.774287 );
		marker[8] = new google.maps.Marker({position: point, title:"マイステイズ日暮里"});
		marker[8].setMap(map);
		google.maps.event.addListener(marker[8], "click", function() {
 			clickMarker(35.727603, 139.774287 , 8);
 		});

}

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;

//]]>