if(GBrowserIsCompatible())
{
var point = new Array();
var nCnt = 0;
var gmarker = new Array();
var htmls = new Array();
point[0] = new GLatLng(33.308357,131.463491); htmls[0] = '<div style="width:325px; color:#000;"><img src="images/hozanso.jpg" width="135" height="80" alt="いやしの湯 豊山荘" style="float: left; margin-right: 10px;"><p style="width: 180px; float:right;"><span style="font-weight: bold;">いやしの湯 豊山荘</span><br>〒874-0842<br>大分県別府市小倉4組<br>TEL.0977-21-8080<br>FAX.0977-25-3339</p></div>';

point[1] = new GLatLng(33.309994,131.464181); htmls[1] = '<img src="images/bozu.jpg" width="200" height="205" alt="坊主地獄先" style="margin:10px"><p style="width: 220px; color:#000;">国道10号線からお越しになるお客様は、国道500号が便利です。<br>ただし、「坊主地獄先」からは、国道500号は右折していますが、豊山荘へは直進（県道11号）ですので、ご注意ください。</p>';

point[2] = new GLatLng(33.292573,131.460074); htmls[2] = '<img src="images/ic.jpg" width="200" height="195" alt="別府IC" style="margin:10px"><p style="width: 220px; color:#000;">大分自動車道「別府IC」をおりてすぐの信号を、大分方面へ右折。</p>';

point[3] = new GLatLng(33.308449,131.463102); htmls[3] = '<img src="images/yshop.jpg" width="200" height="110" alt="豊山荘前 ヤマザキYショップ" style="margin:10px"><p style="width: 220px; color:#000;">別府ICより、道なりに1～2分程走ると、左手にヤマザキYショップのある信号に着きます。その信号を右折。<br>すぐに豊山荘の駐車場があります。</p>';

point[4] = new GLatLng(33.308429,131.462826); htmls[4] = '<p style="color:#000;">ヤマザキYショップ</p>';

point[5] = new GLatLng(33.308947,131.464159); htmls[5] = '<img src="images/bus.jpg" width="200" height="205" alt="バス停「原爆センター前」" style="margin:10px"><p style="width: 220px; color:#000;">別府駅からバスに乗ると、上の写真、赤丸印の辺り（原爆センター前）でバスから降ります。左の方へ坂を上ると、豊山荘に到着です。<br>※バスを降りて右に行くと、小さな橋があります。そちらではありませんので、ご注意ください。</p>';


function createMarker(point,htmlData)
{
var iconSet = new GIcon();
iconSet.image            = "mapimage/"+ nCnt +".png"; //アイコン画像パス
iconSet.shadow           = "mapimage/shadow.png"; //影画像パス
iconSet.iconSize         = new GSize(21, 34); //アイコンサイズ
iconSet.shadowSize       = new GSize(39, 34); //影サイズ
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.enableContinuousZoom();
//初期表示の画面の中心座標
map.setCenter(new GLatLng(33.308357,131.463491), 18);
//初期フキダシ表示内容
map.openInfoWindowHtml(new GLatLng(33.308357,131.463491),'<div style="width:325px; color:#000;"><img src="images/hozanso.jpg" width="135" height="80" alt="いやしの湯 豊山荘" style="float: left; margin-right: 10px;"><p style="width: 180px; float:right;"><span style="font-weight: bold;">いやしの湯 豊山荘</span><br>〒874-0842<br>大分県別府市小倉4組<br>TEL.0977-21-8080<br>FAX.0977-25-3339</p></div>');
var nDataNum = point.length;
for(nCnt=0;nCnt<nDataNum;nCnt++)
{
var marker = createMarker(point[nCnt],htmls[nCnt]);
gmarker[nCnt] = marker;
map.addOverlay(marker);
}

	/* 初期表示　マーカーラインの表示設定  GPolyline([座標,座標...],"色",ラインの太さ,透明度（不透明1、-0.1でアルファがかかる）); */
	//ライン1
	var polyline = new GPolyline([new GLatLng(33.29257,131.460077), new GLatLng(33.295828,131.460839), new GLatLng(33.298704,131.461512), new GLatLng(33.300023,131.461388), new GLatLng(33.300767,131.461297), new GLatLng(33.30391,131.461399), new GLatLng(33.305869,131.461474), new GLatLng(33.306411,131.461667), new GLatLng(33.308424,131.463089), new GLatLng(33.30842,131.463237), new GLatLng(33.308458,131.463365), ],"#FF0000",6,0.6);
	//マップにポリライン表示
	map.addOverlay(polyline);

}
