if(GBrowserIsCompatible())
{

	var point = new Array();
	var nCnt = 0;
	var gmarker = [];
	var htmls = [];
	var cat = [];

/* ----- 初期設定 ----- */
//マーカー表示の座標設定▼
	//マーカー座標指定(向陽閣)
	point[0] = new GLatLng(34.7981301,135.2487653);
	//マーカー座標指定(ユニバーサル・スタジオ・ジャパン)
	point[1] = new GLatLng(34.666497,135.431822);
	//マーカー座標指定(海遊館)
	point[2] = new GLatLng(34.654499,135.428931);


//カテゴリ分け：向陽閣[home],観光スポット[red],公園など[yellow],動物園など[blue],美術館など[green],その他[brown]▼	
	cat[0] = 'home';
	cat[1] = 'yellow';
	cat[2] = 'blue';
	

//マーカー表示の座標設定▲

//マーカー表示のHTML▼
	//HTML文を指定する(兵衛 向陽閣)
	htmls[0] = '<p class="mapinfo"><img src="images/img_koyokaku.jpg" alt="兵衛 向陽閣" />兵衛 向陽閣</p>';
	//HTML文を指定する(ユニバーサル・スタジオ・ジャパン)
	htmls[1] = '<p class="mapinfo"><img src="images/osaka/img_usj.jpg" alt="ユニバーサル・スタジオ・ジャパン" />ユニバーサル・スタジオ・ジャパン</p>';
	//HTML文を指定する(海遊館)
	htmls[2] = '<p class="mapinfo"><img src="images/kobe/img_kaiyukan.jpg" alt="海遊館" />海遊館</p>';
	


//マーカー表示のHTML▲

/* マーカー表示 */
	function createMarker(point,htmlData,catin)
	{
		//アイコン画像の指定
		var iconSet = new GIcon();
		if(catin=='home'){
			iconSet.image            = "mapimage/00.png"; //アイコン画像パス
		}
		else if(catin=='red'){
			iconSet.image            = "mapimage/01.png"; //アイコン画像パス
		}
		else if(catin=='yellow'){
			iconSet.image            = "mapimage/02.png"; //アイコン画像パス
		}
		else if(catin=='blue'){
			iconSet.image            = "mapimage/03.png"; //アイコン画像パス
		}
		else if(catin=='green'){
			iconSet.image            = "mapimage/04.png"; //アイコン画像パス
		}
		else if(catin=='brown'){
			iconSet.image            = "mapimage/05.png"; //アイコン画像パス
		}
		iconSet.shadow           = "mapimage/shadow.png"; //影画像パス
		iconSet.iconSize         = new GSize(24, 37); //アイコンサイズ
		iconSet.shadowSize       = new GSize(43, 37); //影サイズ
		iconSet.iconAnchor       = new GPoint(10, 34); //アイコンの表示開始位置（0,0）は左上角から
		iconSet.infoWindowAnchor = new GPoint(15, 20); //情報ウィンドウの表示開始位置
		iconSet.infoShadowAnchor = new GPoint(15, 20); //情報ウィンドウの影の表示開始位置

		var marker = new GMarker(point,iconSet);
		// クリックしたマーカーに該当する情報を表示
		GEvent.addListener(marker, 'click', function(){
			marker.openInfoWindowHtml(htmlData);
		});
		return marker;
	}

	function myclick(HtmlCnt) {
        gmarker[HtmlCnt].openInfoWindowHtml(htmls[HtmlCnt]);
    }
      var map = new GMap2(document.getElementById("map"));
      map.addControl(new GLargeMapControl());
//      map.addControl(new GMapTypeControl());
	//初期表示の座標
	map.setCenter(new GLatLng(34.7981301,135.2487653), 10);


	var nDataNum = point.length;
	for(nCnt=0;nCnt<nDataNum;nCnt++)
	{
		var marker = createMarker(point[nCnt],htmls[nCnt],cat[nCnt]);
		gmarker[nCnt] = marker;
		map.addOverlay(marker);
	}




}