/**
 * 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.setXXX();
	Kaas.googlemaps.set();
	// 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.6783342, 135.1822543],
		html: '<p><img src="../lib/googlemaps/img/m0.jpg" height="80px" alt=" " class="fL" /><strong>ハーバーランド カルメニ店</strong><br />神戸市中央区東川崎町1-5-7 カルメニ2F（旧エコールマリン）</p>',
		id: 'kobe0'
	}, {
		latlng: [34.5647803, 135.5134116],
		html: '<p><img src="../lib/googlemaps/img/m1.jpg" height="80px" alt=" " class="fL" /><strong>しんかな店</strong><br />堺市北区長曽根町3069番地7</p>',
		id: 'osaka0'
	}, {
		latlng: [34.529406, 135.452588],
		html: '<p><img src="../lib/googlemaps/img/m2.jpg" height="80px" alt=" " class="fL" /><strong>おおとり店</strong><br />堺市西区鳳西町1-77-8</p>',
		id: 'osaka1'
	}, {
		latlng: [34.524803, 135.4589536],
		html: '<p><img src="../lib/googlemaps/img/m3.jpg" height="80px" alt=" " class="fL" /><strong>アリオ おおとり店</strong><br />堺市西区鳳南町3-199-12 アリオおおとり店3F</p>',
		id: 'osaka2'
	}, {
		latlng: [34.558677, 135.583021],
		html: '<p><img src="../lib/googlemaps/img/m6.jpg" height="80px" alt=" " class="fL" /><strong>はびきの店</strong><br />羽曳野市伊賀5-180-1</p>',
		id: 'osaka5'
	}, {
		latlng: [34.4611534, 135.4575634],
		html: '<p><img src="../lib/googlemaps/img/m4.jpg" height="80px" alt=" " class="fL" /><strong>pivo いずみ中央店</strong><br />和泉市いぶき野5-1-2 pivo和泉中央内 2F</p>',
		id: 'osaka3'
	}, {
		latlng: [34.4094943, 135.2980470],
		html: '<p><img src="../lib/googlemaps/img/m5.jpg" height="80px" alt=" " class="fL" /><strong>りんくうシークル店</strong><br />泉佐野市りんくう往来南3番 りんくうプレジャータウンシークル2Ｆ</p>',
		id: 'osaka4'
	}, {
		latlng: [34.5590392, 135.5092261],
		html: '<p><img src="../lib/googlemaps/img/m7.jpg" height="80px" alt=" " class="fL" /><strong>ぷりずむ館<br />大阪南店</strong><br />堺市北区長曽根町3079番地17-B</p>',
		id: 'osaka6'
	}
];
Kaas.googlemaps.containerID = 'gmaps';
Kaas.googlemaps.anchorToGMap = '#accessMap';
Kaas.googlemaps.directory = 'lib/googlemaps/';
//Kaas.googlemaps.iconsrc = 'img/gmap_icon.png'; // コメントアウトするとデフォルトのマーカーを表示
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.controllers = [
	new GLargeMapControl(),
	new GMapTypeControl(),
	new GOverviewMapControl()
];
Kaas.googlemaps.mapControllerInnerHTML = '地図上に表示';
// Kaas.googlemaps.infoWindowMaxWidth = 300;

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