// ------------------------------------------------------------------------------------------------------------
//  汎用 Google Maps API スクリプト“ KsGMap ”  Ver1.01
//  http://www.ksgmap.jp/          copyright(c) 2005 Ksc
// ------------------------------------------------------------------------------------------------------------

ksgmap_import_file					= "data1.xml";		//インポートするXMLファイル
//ksgmap_import_path					= "xml/";					//インポートするXMLファイルのパス

ksgmap_default_category				= "park";					//初期カテゴリ
ksgmap_default_zoom					= 12;						//初期尺度（17が詳細）
ksgmap_default_lng					= 135.495275;				//初期経度
ksgmap_default_lat					= 34.702406;					//初期緯度

ksgmap_item_name					= "場所名";					//アイテムの名称
ksgmap_category_name				= "地区・種類";					//カテゴリの名称

ksgmap_html_categoryNavi			= "categoryNavi";			//カテゴリ ナビナビゲーション HTMLのID
ksgmap_html_itemNavi				= "itemNavi";				//アイテム ナビゲーション HTMLのID

ksgmap_marker_key					= "icon";					//●マーカー情報のデータキー

ksgmap_infoWindow_tab				= "【概要】,【詳細】";		//★タブのラベル
ksgmapplugin_mapNavi_html		= "MapPlugin"; //マップナビプラグイン
// (！) ●が付いている項目が、このサンプルに関連する項目です。




KsGMapDataMarker( "_center"  	, "./img/map/centermarker_standard01.png"	, "./img/map/centermarker_standard01_shadow.png"	, "" 												,   23 , 23   ,   29 , 29   ,    11 , 11 );
// (！) センターマーカーの定義。画像は素材／関連ファイルにあります。

KsGMapDataMarker( "公園" 	 	, "./img/map/park%count%.png"			 , "./img/map/parkshadow.png"			, ",A,B,C,D,E,F,G,H,I,J,K,L,M,N,O,P,Q,R,S,T,U,V,W,X,Y,Z"	,   20 , 34   ,   37 , 34   ,     9 , 34   ,   9 , 2 );
KsGMapDataMarker( "駅" 	 	, "./img/map/train%count%.png"			 , "./img/map/trainshadow.png"			, ",A,B,C,D,E,F,G,H,I,J,K,L,M,N,O,P,Q,R,S,T,U,V,W,X,Y,Z"	,   20 , 34   ,   37 , 34   ,     9 , 34   ,   9 , 2 );
KsGMapDataMarker( "学校"	 	, "./img/map/school%count%.png"			 , "./img/map/schoolshadow.png"			, ",A,B,C,D,E,F,G,H,I,J,K,L,M,N,O,P,Q,R,S,T,U,V,W,X,Y,Z"	,   20 , 34   ,   37 , 34   ,     9 , 34   ,   9 , 2 );
KsGMapDataMarker( "ミニミニ" 	, "./img/map/minimini%count%.png"		 , "./img/map/miniminishadow.png"		, ",A,B,C,D,E,F,G,H,I,J,K,L,M,N,O,P,Q,R,S,T,U,V,W,X,Y,Z"	,   20 , 34   ,   37 , 34   ,     9 , 34   ,   9 , 2 );
KsGMapDataMarker( "空港" 		, "./img/map/air%count%.png"				 , "./img/map/airshadow.png"				, ",A,B,C,D,E,F,G,H,I,J,K,L,M,N,O,P,Q,R,S,T,U,V,W,X,Y,Z"	,   20 , 34   ,   37 , 34   ,     9 , 34   ,   9 , 2 );
KsGMapDataMarker( "施設" 		, "./img/map/building%count%.png"		 , "./img/map/buildingshadow.png"		, ",A,B,C,D,E,F,G,H,I,J,K,L,M,N,O,P,Q,R,S,T,U,V,W,X,Y,Z"	,   20 , 34   ,   37 , 34   ,     9 , 34   ,   9 , 2 );
KsGMapDataMarker( "家" 		, "./img/map/house%count%.png"			 , "./img/map/houseshadow.png"			, ",A,B,C,D,E,F,G,H,I,J,K,L,M,N,O,P,Q,R,S,T,U,V,W,X,Y,Z"	,   20 , 34   ,   37 , 34   ,     9 , 34   ,   9 , 2 );
KsGMapDataMarker( "店" 		, "./img/map/shop%count%.png"			 , "./img/map/shopshadow.png"			, ",A,B,C,D,E,F,G,H,I,J,K,L,M,N,O,P,Q,R,S,T,U,V,W,X,Y,Z"	,   20 , 34   ,   37 , 34   ,     9 , 34   ,   9 , 2 );
KsGMapDataMarker( "名所" 		, "./img/map/star%count%.png"			 , "./img/map/starshadow.png"			, ",A,B,C,D,E,F,G,H,I,J,K,L,M,N,O,P,Q,R,S,T,U,V,W,X,Y,Z"	,   20 , 34   ,   37 , 34   ,     9 , 34   ,   9 , 2 );
KsGMapDataMarker( "その他" 	, "./img/map/standard01%count%.png"		 , "./img/map/shadow50.png"				, ",A,B,C,D,E,F,G,H,I,J,K,L,M,N,O,P,Q,R,S,T,U,V,W,X,Y,Z"	,   20 , 34   ,   37 , 34   ,     9 , 34   ,   9 , 2 );
// (！) マーカーの定義。icon="○△" が KsGMapDataMarker( "○△" ～ に対応します。

// ------------------------------------------------------------------------------------------------------------
//★ユーザー関数：マップアイテム - HTML生成
function user_KsGMapItem_makeHTML( data ){
	//KsGMapMap.infoWindow.tabPage にタブ番号（1枚目が1、2枚目が2）と入って
	//いますので、それに応じて、表示する内容を生成して下さい。

	//タブに応じて表示するHTMLを変える
	switch( KsGMapMap.infoWindow.tabPage ){
		case 1 :	//1枚目のタブ
			if( data["photo"] != "" ){ //photoが空白でない場合
			var result = "<div style=\"margin-bottom: 5px;  font-weight: bold;\"><a href=\"" + data[ "url" ] + "\">" + data[ "name" ] + "</a></div>" +
						 "<div style=\"color: #444444;\">" + data[ "name2" ] + "</div>" +
						 "<div style=\"color: #444444;\"><img src=\"photo/" + data[ "photo" ] + "\" /></div>" +
						 "<div style=\"color: #444444;\">" + data[ "zip" ] + "</div>" +
						 "<div style=\"color: #444444;\">" + data[ "address1" ] + "</div>" +
						 "<div style=\"color: #444444;\">" + data[ "address2" ] + "</div>" +
						 "<div style=\"color: #444444;\">" + data[ "tel" ] + "</div>";
			}else{ //photo,urlが空白の場合
			var result = "<div style=\"margin-bottom: 5px;  font-weight: bold;\">" + data[ "name" ] + "</div>" +
						 "<div style=\"color: #444444;\">" + data[ "name2" ] + "</div>" +
						 "<div style=\"color: #444444;\">" + data[ "zip" ] + "</div>" +
						 "<div style=\"color: #444444;\">" + data[ "address1" ] + "</div>" +
						 "<div style=\"color: #444444;\">" + data[ "address2" ] + "</div>" +
						 "<div style=\"color: #444444;\">" + data[ "tel" ] + "</div>";			
			}
			break;
		case 2 :	//2枚目のタブ
			if( data["datail1"] != "" ){
			var result = "<div style=\"margin-bottom: 5px;  font-weight: bold;\">" + data[ "name" ] + "</div>" +
					 "<div style=\"color: #444444; width:200px;\">" + data[ "datail1" ] + "</div>" +
					 "<div style=\"color: #444444; width:200px;\">" + data[ "datail2" ] + "</div>";
			}else{
//			result.tab{2:0}
			}
			break;
	}

	return result;
}
