// JavaScript Document

    function load() {
      if (GBrowserIsCompatible()) {
	  
	          //地図を作成
        var map = new GMap2(document.getElementById("map"));
        map.setCenter(new GLatLng(35.72384,139.513792), 17);
						
		//3Dのズームコントロールを追加する (v=2.144 を忘れずに)
		map.addControl(new GLargeMapControl3D());
		
		//マップオーバービューコントローラを付ける
		var miniMap=new GOverviewMapControl(new GSize(150,150));
		map.addControl(miniMap);
				
		//マップタイプコントローラを追加する
		map.addControl(new GMapTypeControl());
				
		//スケールコントローラ(尺度定規)を付ける
		map.addControl(new GScaleControl());
		
		
		
		//オリジナルマーカーの画像を作成
		var icon = new GIcon();
		icon.image = "http://office-tzk.info/images/map/marker_flag.png";
		icon.shadow = "http://office-tzk.info/images/map/marker_shadow.png";
		icon.iconSize = new GSize(50, 50);
		icon.shadowSize = new GSize(50, 50);
		icon.iconAnchor = new GPoint(10, 40);
		icon.infoWindowAnchor = new GPoint(30, 0);

				
		//マーカーを追加(事務所)
		var marker1 = new GMarker(new GLatLng(35.72384,139.513792));
		map.addOverlay(marker1);
		
		//事務所マーカーをクリックしたら、吹き出しに文章を表示する
		GEvent.addListener(marker1, "click", function() {
		    marker1.openInfoWindowHtml("<center>手塚司法書士事務所<br />東京都小平市<br />花小金井南町1-12-11</center>");
		});
						
		//マーカーを追加(パーキング)
		var marker2 = new GMarker(new GLatLng(35.72548056618093,139.51263427734375),icon);
		map.addOverlay(marker2);		
		
		//パーキングマーカーをクリックしたら、吹き出しに文章を表示する
		GEvent.addListener(marker2, "click", function() {
		    marker2.openInfoWindowHtml("<center>コインパーキングが有ります<br />ご利用ください</center>");
		});

		//マーカーに擬似的にクリックされたイベントを発生させる
	      GEvent.trigger(marker2,"click");

		
      }
    }
    GEvent.addDomListener(window, "load", load);
    GEvent.addDomListener(window, "unload", GUnload);