/**
 * Google Maps
 * @version	0.1 - 12:45 2009/06/25
 *
 * Google Maps API リファレンス - Google Maps API - Google Code
 * http://code.google.com/intl/ja/apis/maps/documentation/reference.html
 * 
 * @example
 * :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
 *
 * HTML
 *
 * <div id="sectionGmaps">
 * <h2>アクセスマップ</h2>
 * <div id="gmaps">
 * <p>アシストアドシステムズ：地図 - Google Maps API を利用して地図を表示します。</p>
 * </div>
 * </div>
 *
 * :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
 *
 * マーカーをセット
 *
 * mark: [
 * 	{
 * 		latlng: {Array}		経度, 緯度 （必須）
 * 		iconsrc: {String}	カスタムアイコンのパス （オプション）
 * 		html: {String}		マーカーをクリックしたときの表示する内容 （オプション）
 * 		id: {String}		地図をコントロールする要素を作成（要素を作成するコンテナのid名） （オプション）
 * 		page: {String}		複数ページで使用する際、それぞれのページで中心位置を変えたいときのbodyのクラス名（複数ある場合は最後のクラス名がヒット） （オプション）
 * 	}
 * ]
 * 
 * マーカーの画像サイズについて（変えたい場合はカスタマイズ）
 * @see createGIcon
 * マーカーのサイズ: 25x32
 * マーカーの影のサイズ: 25x38
 * マーカーの基準点: 13x32
 *
 * :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
 * 
 * 中心位置を設定
 *
 * 1. 中心位置を mark の1つ目の位置にセット {Null}
 * @usage
 * -------------------------------------------
 * Kaas.ready(function() {
 * 	Kaas.googlemaps.init();
 * });
 * -------------------------------------------
 * var center = this.mark[0].latlng;
 *
 * 2. 中心位置を直接入力 {Number}
 * @usage
 * -------------------------------------------
 * Kaas.ready(function() {
 * 	Kaas.googlemaps.init(34.6800535, 135.1841097);
 * });
 * -------------------------------------------
 * var center = [arguments[0], arguments[1]];
 *
 * 3. 複数ページで使用する際、bodyのクラス名から中心位置を変えたいとき {String}
 * @see	getCenter()
 * @usage
 * -------------------------------------------
 * Kaas.ready(function() {
 * 	Kaas.googlemaps.init('c');
 * });
 */	

Kaas.ready(function() {
	
	Kaas.googlemaps.init();
	// Kaas.googlemaps.init(35.6771146, 139.711366);
	// Kaas.googlemaps.init('class');
		
	/**
	 * 住所から緯度、経度を求める
	 * @see	getGeoCoder()
	 */
	// Kaas.googlemaps.getGeoCoder('東京都新宿区新宿3-18-1');
	
});

// ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: Settings

Kaas.googlemaps.mark = [
	{
		latlng: [34.694805, 135.193334],
		container: 'gmaps',
		html: '<p><strong>神戸院</strong><br />兵庫県神戸市中央区加納町4-3-14<br />高木ビル3F</p>'
	}, {
		latlng: [35.424919, 133.332809],
		container: 'gmaps2',
		html: '<p><strong>米子院</strong><br />鳥取県米子市茶町60-1<br />フラワーランドビル3F</p>'
	}
];

//Kaas.googlemaps.containerID = 'gmaps';
Kaas.googlemaps.anchorToGMap = '#sectionGmaps';
Kaas.googlemaps.directory = 'lib/kaas/googlemaps/';
Kaas.googlemaps.defaultZoom = 16;
Kaas.googlemaps.mapType = G_NORMAL_MAP; // デフォルト: G_NORMAL_MAP, 衛星: G_SATELLITE_MAP, ハイブリッド: G_HYBRID_MAP
/**
 * コントロール作成
 * new GSmallMapControl()				ボタンで4つのルートにドラッグして、ズームイン/ズームアウトするコントロールを作成します。
 * new GLargeMapControl()				ボタンで4つのルートにドラッグして、ズームイン/ズームアウト、ズームスライダーを表示するコントロールを作成します
 * new GSmallZoomControl()				ボタンでズームイン/ズームアウトするコントロールを作成します。
 * new GScaleControl()					地図の縮尺を表示するコントロールを作成します。
 * new GMapTypeControl()				サポートされているマップタイプをボタンで選択したり切り替えることのできる、標準のマップタイプコントロールを作成します。
 * new GMenuMapTypeControl()			サポートされているマップタイプを切り替えることのできる、ドロップダウン形式のマップタイプコントロールを作成します。
 * new GHierarchicalMapTypeControl()	サポートされているマップタイプを切り替えることのできる、ドロップダウン形式のマップタイプコントロールを作成します。
 * new GOverviewMapControl()			場所の参照と (ドラッグによる) ナビゲーションのためにメインの地図の隅に折りたたみ可能な概観の小さな地図を作成します。GOverviewMapControl は1ピクセルの黒い線で概観地図を作成します。
 */

Kaas.googlemaps.mapControllerInnerHTML = '地図上に表示';
// Kaas.googlemaps.infoWindowMaxWidth = 300;

Kaas.load.css(Kaas.googlemaps.directory + 'css/gmaps.css');