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.701387,135.189506);
	//マーカー座標指定(神戸南京町)
	point[2] = new GLatLng(34.6880556,135.1880556);
	//マーカー座標指定(神戸市立フルーツ・フラワーパーク)
	point[3] = new GLatLng(34.845869,135.191771);
	//マーカー座標指定(宝塚ガーデンフィールズ)
	point[4] = new GLatLng(34.807575,135.348474);
	//マーカー座標指定(神戸ワイナリー農業公園)
	point[5] = new GLatLng(34.732472,135.040308);
	//マーカー座標指定(しあわせの村)
	point[6] = new GLatLng(34.709435,135.115439);
	//マーカー座標指定(布引ハーブ園)
	point[7] = new GLatLng(34.71702,135.191005);
	//マーカー座標指定(神戸市立 王子動物園)
	point[8] = new GLatLng(34.710469,135.214882);
	//マーカー座標指定(神戸市立 須磨海浜水族園)
	point[9] = new GLatLng(34.643978,135.127673);
	//マーカー座標指定(神戸花鳥園)
	point[10] = new GLatLng(34.6538784,135.2229622);
	//マーカー座標指定(兵庫県立美術館)
	point[11] = new GLatLng(34.6992492,135.2178534);
	//マーカー座標指定(神戸市立小磯記念美術館)
	point[12] = new GLatLng(34.6928138,135.2672137);
	//マーカー座標指定(神戸ファッション美術館)
	point[13] = new GLatLng(34.6882,135.270255);
	//マーカー座標指定(神戸ゆかりの美術館)
	point[14] = new GLatLng(34.6883,135.270658);
	//マーカー座標指定(神戸市立博物館)
	point[15] = new GLatLng(34.687272,135.192892);
	//マーカー座標指定(神戸らんぷミュージアム)
	point[16] = new GLatLng(34.6884249,135.1939947);
	//マーカー座標指定(神戸とんぼ玉ミュージアム)
	point[17] = new GLatLng(34.688619,135.193739);
	//マーカー座標指定(神戸市立青少年科学館)
	point[18] = new GLatLng(34.665997,135.218285);
	//マーカー座標指定(神戸・三田プレミアムアウトレット)
	point[19] = new GLatLng(34.860487,135.19173);
	//マーカー座標指定(宝塚歌劇)
	point[20] = new GLatLng(34.807827,135.345315);


//カテゴリ分け：向陽閣[home],観光スポット[red],公園など[yellow],動物園など[blue],美術館など[green],その他[brown]▼	
	cat[0] = 'home';
	cat[1] = 'red';
	cat[2] = 'red';
	cat[3] = 'yellow';
	cat[4] = 'yellow';
	cat[5] = 'yellow';
	cat[6] = 'yellow';
	cat[7] = 'yellow';
	cat[8] = 'blue';
	cat[9] = 'blue';
	cat[10] = 'blue';
	cat[11] = 'green';
	cat[12] = 'green';
	cat[13] = 'green';
	cat[14] = 'green';
	cat[15] = 'green';
	cat[16] = 'green';
	cat[17] = 'green';
	cat[18] = 'green';
	cat[19] = 'brown';
	cat[20] = 'brown';
	

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

//マーカー表示のHTML▼
	//HTML文を指定する(向陽閣)
	htmls[0] = '<p class="mapinfo"><img src="images/img_koyokaku.jpg" alt="兵衛 向陽閣" />兵衛 向陽閣</p>';
	//HTML文を指定する(北野異人館)
	htmls[1] = '<p class="mapinfo"><img src="images/kobe/img_ijinkan.jpg" alt="北野異人館" />北野異人館</p>';
	//HTML文を指定する(神戸南京町)
	htmls[2] = '<p class="mapinfo"><img src="images/kobe/img_nankin.jpg" alt="神戸南京町" />神戸南京町</p>';
	//HTML文を指定する(神戸市立フルーツ・フラワーパーク)
	htmls[3] = '<p class="mapinfo"><img src="images/kobe/img_fruit.jpg" alt="神戸市立フルーツ・フラワーパーク" />神戸市立フルーツ・フラワーパーク</p>';
	//HTML文を指定する(宝塚ガーデンフィールズ)
	htmls[4] = '<p class="mapinfo"><img src="images/kobe/img_garden_takarazuka.jpg" alt="宝塚ガーデンフィールズ" />宝塚ガーデンフィールズ</p>';
	//HTML文を指定する(神戸ワイナリー農業公園)
	htmls[5] = '<p class="mapinfo"><img src="images/kobe/img_kobewinery.jpg" alt="神戸ワイナリー農業公園" />神戸ワイナリー農業公園</p>';
	//HTML文を指定する(しあわせの村)
	htmls[6] = '<p class="mapinfo"><img src="images/kobe/img_happy.jpg" alt="しあわせの村" />しあわせの村</p>';
	//HTML文を指定する(布引ハーブ園)
	htmls[7] = '<p class="mapinfo"><img src="images/kobe/img_harb.jpg" alt="布引ハーブ園" />布引ハーブ園</p>';
	//HTML文を指定する(神戸市立 王子動物園)
	htmls[8] = '<p class="mapinfo"><img src="images/kobe/img_ojizoo.jpg" alt="神戸市立 王子動物園" />神戸市立 王子動物園</p>';
	//HTML文を指定する(神戸市立 須磨海浜水族園)
	htmls[9] = '<p class="mapinfo"><img src="images/kobe/img_aqua.jpg" alt="神戸市立 須磨海浜水族園" />神戸市立 須磨海浜水族園</p>';
	//HTML文を指定する(神戸花鳥園)
	htmls[10] = '<p class="mapinfo"><img src="images/kobe/img_bird.jpg" alt="神戸花鳥園" />神戸花鳥園</p>';
	//HTML文を指定する(兵庫県立美術館)
	htmls[11] = '<p class="mapinfo"><img src="images/kobe/img_museum_hyogo.jpg" alt="兵庫県立美術館" />兵庫県立美術館</p>';
	//HTML文を指定する(神戸市立小磯記念美術館)
	htmls[12] = '<p class="mapinfo"><img src="images/kobe/img_museum_koiso.jpg" alt="神戸市立小磯記念美術館" />神戸市立小磯記念美術館</p>';
	//HTML文を指定する(神戸ファッション美術館)
	htmls[13] = '<p class="mapinfo"><img src="images/kobe/img_museum_fasion.jpg" alt="神戸ファッション美術館" />神戸ファッション美術館</p>';
	//HTML文を指定する(神戸ゆかりの美術館)
	htmls[14] = '<p class="mapinfo"><img src="images/kobe/img_museum_yukari.jpg" alt="神戸ゆかりの美術館" />神戸ゆかりの美術館</p>';
	//HTML文を指定する(神戸市立博物館)
	htmls[15] = '<p class="mapinfo"><img src="images/kobe/img_museum_kobe.jpg" alt="神戸市立博物館" />神戸市立博物館</p>';
	//HTML文を指定する(神戸らんぷミュージアム)
	htmls[16] = '<p class="mapinfo"><img src="images/kobe/img_museum_lamp.jpg" alt="神戸らんぷミュージアム" />神戸らんぷミュージアム</p>';
	//HTML文を指定する(神戸とんぼ玉ミュージアム)
	htmls[17] = '<p class="mapinfo"><img src="images/kobe/img_museum_tonbo.jpg" alt="神戸とんぼ玉ミュージアム" />神戸とんぼ玉ミュージアム</p>';
	//HTML文を指定する(神戸市立青少年科学館)
	htmls[18] = '<p class="mapinfo"><img src="images/kobe/img_museum_science.jpg" alt="神戸市立青少年科学館" />神戸市立青少年科学館</p>';
	//HTML文を指定する(神戸・三田プレミアムアウトレット)
	htmls[19] = '<p class="mapinfo"><img src="images/kobe/img_outlet.jpg" alt="神戸・三田プレミアムアウトレット" />神戸・三田プレミアムアウトレット</p>';
	//HTML文を指定する(宝塚歌劇)
	htmls[20] = '<p class="mapinfo"><img src="images/kobe/img_takarazuka.jpg" alt="宝塚歌劇" />宝塚歌劇</p>';
	


/* マーカー表示 */
	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);
	}




}