﻿// JavaScript Document
// Google Map 本社地図 v0907 
// gMap api v3 対応 

window.onload = function(){
	loadMap();
}

// 座標 
var latlngOffice = new google.maps.LatLng(35.70002, 139.75752); // 東京本社 
var latlngStudio = new google.maps.LatLng(35.700252, 139.757845); // スタジオ 
var latlngDeffault = new google.maps.LatLng(35.7004, 139.7565); // デフォルトのセンター 

// 地図初期値 
var mapOpts = {
	zoom : 17,
	center : latlngDeffault,
	mapTypeControl : false,
	mapTypeId : google.maps.MapTypeId.ROADMAP
}

// マーカーの設定 
var iconOffice = "image/mapicon_gigavision.png";
var iconStudio = "image/mapicon_studio.png";
var iconShadow = "image/mapicon_shadow.png"

// インフォメーションウインドウ 
var htmlOffice = '<div class="information" id="tokyo"><h1>ギガビジョン株式会社 本社事務所</h1><address>東京都千代田区猿楽町2-7-3 川崎パークビル3F</address></div>';
var infoOffice = new google.maps.InfoWindow({
	content : htmlOffice
});

var htmlStudio = '<div class="information" id="studio"><h1>制作スタジオ「Clear」</h1><address>東京都千代田区猿楽町2-7-17 織本ビル1F・2F</address></div>';
var infoStudio = new google.maps.InfoWindow({
	content : htmlStudio
});


// 地図読み込み関数 
function loadMap() {
	var map = new google.maps.Map(document.getElementById("gMap"), mapOpts); // 地図を描画 
	var markerOffice = new google.maps.Marker({ // 事務所のマーカーを設置 
		position : latlngOffice,
		map : map,
		icon : iconOffice,
		shadow : iconShadow
	});
	var markerStudio = new google.maps.Marker({ // スタジオのマーカーを設置 
		position : latlngStudio,
		map : map,
		icon : iconStudio,
		shadow : iconShadow
	});	
	infoOffice.open(map, markerOffice);
	google.maps.event.addListener(markerOffice, 'click', function(){
		infoStudio.close();
		infoOffice.open(map, markerOffice);
	});
	google.maps.event.addListener(markerStudio, 'click', function(){
		infoOffice.close();
		infoStudio.open(map, markerStudio);
	});
}