// グローバル変数の定義
var map = null ;		// 地図のインスタンス

// 地図の出力
function initialize()
{
	/* 変数の定義 */ 
	var canvas , latlng , mapOptions ;

	/* キャンパスの要素[<div id="map-canvas"></div>]を取得する */
	canvas = document.getElementById( 'map-canvas' );

	/* 中心座標を、LatLngクラスで用意する */
	latlng = new google.maps.LatLng( 35.6585805 , 139.7454329 );

	/* Mapクラスのオプションを設定する */
	mapOptions = {
		zoom: 18 ,				//ズーム値
		center: latlng ,		//中心座標 [LatLngクラスで指定]
		heading: 270 ,	// 東西南北の角度
		mapTypeId: google.maps.MapTypeId.SATELLITE ,	// 地図タイプ (MapTypeIdクラスで指定)
	} ;

	/* Mapクラスのインスタンスを作成する */
	map = new google.maps.Map( canvas , mapOptions ) ;

	/* イベントの設定 (メソッドの実行) */
	document.getElementById( 'method-on' ).onclick = function( e )
	{
		/* 関係ない動作を無効化 */
		var e = e || window.event ;
		e.preventDefault() ;
		e.stopPropagation() ;

		/* 現在表示中の地図の傾きの角度を変更する */
		map.setTilt( 0 ) ;
	}

	/* イベントの設定 (メソッドのリセット) */
	document.getElementById( 'method-reset' ).onclick = function( e )
	{
		/* 関係ない動作を無効化 */
		var e = e || window.event ;
		e.preventDefault() ;
		e.stopPropagation() ;

		/* リセットの実行 */
		initialize() ;
	}
}

/* ページのロード後に関数[initialize()]を実行する */
google.maps.event.addDomListener( window , 'load' , initialize ) ;