//<![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.562479,139.716051),
		mapTypeId: google.maps.MapTypeId.ROADMAP
	}
	map = new google.maps.Map(document.getElementById("map"), mapOptions);
			html[0] = 'オズ<br />東京都大田区蒲田5-2-8<br />TEL:03-3733-1100';
		var point = new google.maps.LatLng(35.564165, 139.717204);
		marker[0] = new google.maps.Marker({position: point, title:"オズ"});
		marker[0].setMap(map);
		google.maps.event.addListener(marker[0], "click", function() {
 			clickMarker(35.564165, 139.717204, 0);
 		});
		html[1] = 'ニューアリス<br />東京都大田区蒲田5-24-9<br />TEL:03-3735-8761';
		var point = new google.maps.LatLng(35.562445, 139.719173);
		marker[1] = new google.maps.Marker({position: point, title:"ニューアリス"});
		marker[1].setMap(map);
		google.maps.event.addListener(marker[1], "click", function() {
 			clickMarker(35.562445, 139.719173, 1);
 		});
		html[2] = 'ラピス<br />東京都大田区蒲田5-6-14<br />TEL:03-3736-0038';
		var point = new google.maps.LatLng(35.563779, 139.71862);
		marker[2] = new google.maps.Marker({position: point, title:"ラピス"});
		marker[2].setMap(map);
		google.maps.event.addListener(marker[2], "click", function() {
 			clickMarker(35.563779, 139.71862, 2);
 		});

}

function loadScript() {
	var script = document.createElement("script");
	script.type = "text/javascript";
	script.src = "https://maps.googleapis.com/maps/api/js?key=AIzaSyCGKAMasglpMH1NazjBj7x854RsJvV8k5M&sensor=false&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;

//]]>