//<![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.731566,139.708032),
		mapTypeId: google.maps.MapTypeId.ROADMAP
	}
	map = new google.maps.Map(document.getElementById("map"), mapOptions);
			html[0] = 'トキワ　ウエスト<br />東京都豊島区池袋2-40-9<br />TEL:03-3590-1234';
		var point = new google.maps.LatLng(35.733572, 139.709039);
		marker[0] = new google.maps.Marker({position: point, title:"トキワ　ウエスト"});
		marker[0].setMap(map);
		google.maps.event.addListener(marker[0], "click", function() {
 			clickMarker(35.733572, 139.709039, 0);
 		});
		html[1] = 'ホテル ガルドミラ<br />東京都豊島区池袋2-12-9<br />TEL:03-3986-9752';
		var point = new google.maps.LatLng(35.732447, 139.706647);
		marker[1] = new google.maps.Marker({position: point, title:"ホテル ガルドミラ"});
		marker[1].setMap(map);
		google.maps.event.addListener(marker[1], "click", function() {
 			clickMarker(35.732447, 139.706647, 1);
 		});
		html[2] = 'ホテル ラファイエ<br />東京都豊島区池袋2-16-19<br />TEL:03-5992-2100';
		var point = new google.maps.LatLng(35.732789, 139.706656);
		marker[2] = new google.maps.Marker({position: point, title:"ホテル ラファイエ"});
		marker[2].setMap(map);
		google.maps.event.addListener(marker[2], "click", function() {
 			clickMarker(35.732789, 139.706656, 2);
 		});
		html[3] = 'ホテル バリバリ<br />東京都豊島区池袋2-12-4<br />TEL:03-6907-4771';
		var point = new google.maps.LatLng(35.732378, 139.706914);
		marker[3] = new google.maps.Marker({position: point, title:"ホテル バリバリ"});
		marker[3].setMap(map);
		google.maps.event.addListener(marker[3], "click", function() {
 			clickMarker(35.732378, 139.706914, 3);
 		});
		html[4] = 'エーゲ海<br />東京都豊島区池袋2-11-10<br />TEL:03-5992-3079';
		var point = new google.maps.LatLng(35.732875, 139.7075);
		marker[4] = new google.maps.Marker({position: point, title:"エーゲ海"});
		marker[4].setMap(map);
		google.maps.event.addListener(marker[4], "click", function() {
 			clickMarker(35.732875, 139.7075, 4);
 		});
		html[5] = 'ホテル メープル<br />東京都豊島区池袋2-11-1<br />TEL:03-5911-3122';
		var point = new google.maps.LatLng(35.732742, 139.707503);
		marker[5] = new google.maps.Marker({position: point, title:"ホテル メープル"});
		marker[5].setMap(map);
		google.maps.event.addListener(marker[5], "click", function() {
 			clickMarker(35.732742, 139.707503, 5);
 		});
		html[6] = 'ＨOTEL Q<br />東京都豊島区池袋2-12-10<br />TEL:03-5951-6802';
		var point = new google.maps.LatLng(35.732547, 139.707033);
		marker[6] = new google.maps.Marker({position: point, title:"ＨOTEL Q"});
		marker[6].setMap(map);
		google.maps.event.addListener(marker[6], "click", function() {
 			clickMarker(35.732547, 139.707033, 6);
 		});
		html[7] = 'PetitBALI(プティバリ)<br />東京都豊島区池袋2-12-11<br />TEL:0120-759-194';
		var point = new google.maps.LatLng(35.732528, 139.707231);
		marker[7] = new google.maps.Marker({position: point, title:"PetitBALI(プティバリ)"});
		marker[7].setMap(map);
		google.maps.event.addListener(marker[7], "click", function() {
 			clickMarker(35.732528, 139.707231, 7);
 		});
		html[8] = 'ホテルen(エン)<br />東京都豊島区池袋2-12-12<br />TEL:03-3988-3988';
		var point = new google.maps.LatLng(35.732519, 139.707347);
		marker[8] = new google.maps.Marker({position: point, title:"ホテルen(エン)"});
		marker[8].setMap(map);
		google.maps.event.addListener(marker[8], "click", function() {
 			clickMarker(35.732519, 139.707347, 8);
 		});
		html[9] = 'ホテルMASHA<br />東京都豊島区池袋２丁目１６−４<br />TEL:03-3985-1522';
		var point = new google.maps.LatLng(35.732925, 139.706361);
		marker[9] = new google.maps.Marker({position: point, title:"ホテルMASHA"});
		marker[9].setMap(map);
		google.maps.event.addListener(marker[9], "click", function() {
 			clickMarker(35.732925, 139.706361, 9);
 		});

}

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;

//]]>