// GoogleMapオブジェクトの変数宣言
var map1;
var map2;
var map3;
var map4;

function initialize() {
	// Google Mapで利用する初期設定用の変数
	var lng1 = 140.8713984489441;
	var lat1 = 38.262361319384055;
	var mapOptions1 = {
		zoom: 16,
		mapTypeId: google.maps.MapTypeId.ROADMAP,
		center: new google.maps.LatLng(lat1, lng1)
	};
	
	var lng2 = 140.87231308221817;
	var lat2 = 38.25951812885454;
	var mapOptions2 = {
		zoom: 17,
		mapTypeId: google.maps.MapTypeId.ROADMAP,
		center: new google.maps.LatLng(lat2, lng2)
	};
	
	var lng3 = 140.87823271751404;
	var lat3 = 38.261662115437666;
	var mapOptions3 = {
		zoom: 16,
		mapTypeId: google.maps.MapTypeId.ROADMAP,
		center: new google.maps.LatLng(lat3, lng3)
	};
	
	var lng4 = 140.87202608585358;
	var lat4 = 38.260331082098205;
	var mapOptions4 = {
		zoom: 16,
		mapTypeId: google.maps.MapTypeId.ROADMAP,
		center: new google.maps.LatLng(lat4, lng4)
	};
	
	// GoogleMapの生成
	map1 = new google.maps.Map(document.getElementById("map1"), mapOptions1);
	map2 = new google.maps.Map(document.getElementById("map2"), mapOptions2);
	map3 = new google.maps.Map(document.getElementById("map3"), mapOptions3);
	map4 = new google.maps.Map(document.getElementById("map4"), mapOptions4);

	// マーカー
	var area1 = [ 
		{title:'Round１：なびっく 前', lat:'38.263759707088184', lng:'140.87089955806732'},
		{title:'Round２：藤崎 角', lat:'38.260415325437485', lng:'140.87199926376343'}
	]; 
	var area2 = [ 
		{title:'Round３：トモズ 前', lat:'38.25877677496149', lng:'140.87252765893936'}, 
		{title:'Round４：大内屋 前', lat:'38.26067016094412', lng:'140.87195366621017'}
	]; 
	var area3 = [ 
		{title:'Round５：ダイエー 前', lat:'38.261207208051964', lng:'140.87578386068344'}, 
		{title:'Round６：七十七銀行 前', lat:'38.26204330878494', lng:'140.88011026382446'}
	]; 
	var area4 = [
		{title:'Final：藤崎 前', lat:'38.260331082098205', lng:'140.87202608585358'}
	]; 

	for (i = 0;i < area1.length;i++) {
		// マーカーを生成
		var marker1 = new google.maps.Marker({
		    map: map1,
		    position: new google.maps.LatLng(area1[i].lat, area1[i].lng),
		    title: area1[i].title
		});
		// 情報ウインドウの生成とクリックイベント関数の登録処理
		setMarkerListener(marker1, area1[i].title);
	}
	for (i = 0;i < area2.length;i++) {
		// マーカーを生成
		var marker2 = new google.maps.Marker({
		    map: map2,
		    position: new google.maps.LatLng(area2[i].lat, area2[i].lng),
		    title: area2[i].title
		});
		// 情報ウインドウの生成とクリックイベント関数の登録処理
		setMarkerListener(marker2, area2[i].title);
	}
	for (i = 0;i < area3.length;i++) {
		// マーカーを生成
		var marker3 = new google.maps.Marker({
		    map: map3,
		    position: new google.maps.LatLng(area3[i].lat, area3[i].lng),
		    title: area3[i].title
		});
		// 情報ウインドウの生成とクリックイベント関数の登録処理
		setMarkerListener(marker3, area3[i].title);
	}
	for (i = 0;i < area4.length;i++) {
		// マーカーを生成
		var marker4 = new google.maps.Marker({
		    map: map4,
		    position: new google.maps.LatLng(area4[i].lat, area4[i].lng),
		    title: area4[i].title
		});
		// 情報ウインドウの生成とクリックイベント関数の登録処理
		setMarkerListener(marker4, area4[i].title);
	}
}

// 情報ウインドウの生成とクリックイベント関数の登録処理
function setMarkerListener(marker1, title) {
	// 情報ウィンドウの生成
	var infoWindow = new google.maps.InfoWindow({
	    content: title,
	    maxWidth: 150
	});
	// マーカーのクリックイベントの関数登録
	google.maps.event.addListener(marker1, 'click', function(event) {
		// 情報ウィンドウの表示
		infoWindow.open(map1, marker1);
	});
}