if(GBrowserIsCompatible())
{

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

/* ----- 初期設定 ----- */
//マーカー表示の座標設定▼
	point[0] = new GLatLng(33.870852,130.794178);
	point[1] = new GLatLng(33.868899,130.795364);
	point[2] = new GLatLng(33.869827,130.798523);


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

//マーカー表示のHTML▼
	//HTML文を指定する(北九州八幡 亀の井ホテル)
	htmls[0] = '<div><img src="../images/img_gmap_logo.gif" /><p style="background:none;width:auto;height:auto;margin:0px;font-size:93%;"><span style="color:#6C081E;">北九州八幡 亀の井ホテル</span><br />〒805－0071 福岡県北九州市八幡東区東田1丁目7番7号<br />TEL.093-663-3301　FAX.093-663-3303</p></div>';
	htmls[1] = '<div style="height:10px;"><p style="background:none;width:auto;height:auto;margin:0px;font-size:93%;"><span style="color:#6C081E;">八幡駅</span></p></div>';
	htmls[2] = '<div><p style="background:none;width:auto;height:auto;margin:0px;font-size:93%;"><span style="color:#6C081E;">東田IC</span></p></div>';


	

//マーカー表示のHTML▲

/* マーカー表示 */
	function createMarker(point,htmlData)
	{
		//アイコン画像の指定
		var iconSet = new  GIcon();
		switch (nCnt){
			case 1:
				iconSet.image            = "../../images/mapimage/train_r.png"; //アイコン画像パス
				iconSet.iconSize         = new  GSize(32, 37); //アイコンサイズ
				iconSet.shadowSize       = new  GSize(39, 34); //影サイズ
				break;
			case 2:
				iconSet.image            = "../../images/mapimage/car_b.png"; //アイコン画像パス
				iconSet.iconSize         = new  GSize(32, 37); //アイコンサイズ
				iconSet.shadowSize       = new  GSize(39, 34); //影サイズ
				break;
			default:
				iconSet.image            = "../../images/mapimage/"+ nCnt +".png"; //アイコン画像パス
				iconSet.iconSize         = new  GSize(21, 34); //アイコンサイズ
				iconSet.shadowSize       = new  GSize(39, 34); //影サイズ
				break;
		}
		iconSet.shadow           = "../../images/mapimage/shadow.png"; //影画像パス
		
		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);
		});
		gmarker[nCnt] = marker;
		return marker;
	}
	function myclick(HtmlCnt) {
        gmarker[HtmlCnt].openInfoWindowHtml(htmls[HtmlCnt]);
    }
	var map = new  GMap(document.getElementById("gmap"));
	//初期表示の座標
	map.setCenter(new  GLatLng(33.870852,130.794178), 13);
	//拡大縮小のスクロール
	map.addControl(new  GLargeMapControl());
	map.openInfoWindowHtml(new  GLatLng(33.870852,130.794178),'<div><img src="../images/img_gmap_logo.gif" /><p style="background:none;width:auto;height:auto;margin:0px;font-size:93%;"><span style="color:#6C081E;">北九州八幡 亀の井ホテル</span><br />〒805－0071 福岡県北九州市八幡東区東田1丁目7番7号<br />TEL.093-663-3301　FAX.093-663-3303</p></div>');

	var nDataNum = point.length;
	for(nCnt=0;nCnt<nDataNum;nCnt++)
	{
		var marker = createMarker(point[nCnt],htmls[nCnt]);
		map.addOverlay(marker);
	}
	//小さい地図を作成
	/*初期表示　マーカーラインの表示設定GPolyline([座標,座標...],"色",ラインの太さ,透明度（不透明1、-0.1でアルファがかかる）);*/
	
	//ライン1
	var polyline = new GPolyline([new GLatLng(33.870487,130.794067),new GLatLng(33.870255,130.794357),new GLatLng(33.869827,130.798523)],"#00f",6,0.6);

	//ライン2
	var polyline2 = new GPolyline([new GLatLng(33.868847,130.795364),new GLatLng(33.868793,130.795349),new GLatLng(33.868782,130.795563),new GLatLng(33.870064,130.795792),new GLatLng(33.870155,130.794952),new GLatLng(33.870209,130.794571),new GLatLng(33.870270,130.794312),new GLatLng(33.870377,130.794098),new GLatLng(33.870518,130.793945),new GLatLng(33.870693,130.793808),new GLatLng(33.870792,130.793762)],"#FF0000",6,0.6);
	
	
	//マップにポリライン表示
	map.addOverlay(polyline);
	map.addOverlay(polyline2);	
}