﻿//<![CDATA[
	var map, marker;
	window.onload = function() {
		var markers = new Array();
		var marker = null;
		var n_markers = 0;
		map = new GMap2(document.getElementById("map"));
		map.setCenter(new GLatLng(33.204351549732706,130.38848876953125), 13,G_NORMAL_MAP);
		map.setMapType(G_MAP_TYPE);
		map.addControl(new GLargeMapControl());
		map.addControl(new GScaleControl());
		map.addControl(new GMapTypeControl());
		map.enableDoubleClickZoom ();
		map.enableContinuousZoom();
		new GKeyboardHandler(map);
		gGeo = new GClientGeocoder();
		map.addControl(new GOverviewMapControl(new GSize(150,150)));
		var markObj = document.createElement("div");
		var mapW = parseInt(map.getContainer().style.width);
		var mapH = parseInt(map.getContainer().style.height);
		var markW = 18; // センターマークの横幅（ピクセル数）
		var markH = 18; // センターマークの縦幅（ピクセル数）
		var x = (mapW - markW) / 2; // センターマークの中心位置（X座標）
		var y = (mapH - markH) / 2; // センターマークの中心位置（Y座標）
		markObj.style.position = "absolute";
		markObj.style.top = y+"px";
		markObj.style.left = x+"px";
		markObj.style.backgroundImage = "url(img/center.gif)";
		markObj.style.backgroundRepeat = "no-repeat";
		markObj.style.width = markW+"px";
		markObj.style.height = markH+"px";
		markObj.style.opacity = 0.5;
		map.getContainer().appendChild(markObj);
		GEvent.addListener(map, "move", function(){
			var center = map.getBounds();
			var gtcent = center.getCenter();
			var latLng = gtcent.x + ',' + gtcent.y;
			document.getElementById("message").innerHTML = latLng;
		} );


		var markeropts = new Object();
		marker = new GMarker(new GPoint(130.40331065654755,33.21074842440614), markeropts);
		markers[n_markers] = marker;
		GEvent.addListener(markers[0], "click", function () {
			tabList = [
				new GInfoWindowTab("情報１", "<b>ラーメン／枝光食堂</b><p><div style='width:350px'><font size=2><div align=left>チャンポンも、ラーメンもうまいけれど、焼き肉もうまい。</div>福岡県大川市大字大橋554-1<br>TEL 0944-87-6375</font><br><p align=right><a href=mapdisp.cgi?no=51><img src=img/mapurl.gif border=0></a><a href=skype:+810944-87-6375><img src=img/skype.gif border=0></a><a href=./kml/51.kml><img src=img/gearth.gif border=0></a></p></div></p>"),
				new GInfoWindowTab("画像", "<a href=./upimg/51.jpg target=_blank><img src=./upimg/51.jpg width=266 height=200></a>"),
				new GInfoWindowTab("関連ＨＰ", "なし")
			]
			markers[0].openInfoWindowTabsHtml(tabList);
		});
		n_markers++;
		map.addOverlay(marker);


		var markeropts = new Object();
		marker = new GMarker(new GPoint(130.402489900589,33.24576732780199), markeropts);
		markers[n_markers] = marker;
		GEvent.addListener(markers[1], "click", function () {
			tabList = [
				new GInfoWindowTab("情報１", "<b>えつ／筑紫の誉</b><p><div style='width:350px'><font size=2><div align=left>全国でも有明海だけに生息する『えつ』。えつはカタクチイワシ科の魚で、産卵のため有明海から筑後川をのぼってくる５月から７月までがシーズンです。地元では、料亭はもちろん魚やスーパーでも買うことができます。<br><br>昔、一人の僧侶が筑後川を渡る際、渡し舟の船頭に払うお金がなかったので、近くに生えていたヨシの葉を取り、それを川に浮かべたところ、たちまち魚（エツ）に変わった。この僧侶はのちの弘法大師（空海）であった。」という伝承あります。<br><br>筑紫の誉酒造というところでは、５月半ば～７月始めまでという期間限定で『えつ』料理出してくれます。予約必要</div>福岡県久留米市城島町青木島１８１番地<br>TEL 0942-62-2320</font><br><p align=right><a href=mapdisp.cgi?no=71><img src=img/mapurl.gif border=0></a><a href=skype:+810942-62-2320><img src=img/skype.gif border=0></a><a href=./kml/71.kml><img src=img/gearth.gif border=0></a></p></div></p>"),
				new GInfoWindowTab("画像", "<a href=./upimg/71.jpg target=_blank><img src=./upimg/71.jpg width=245 height=200></a>"),
				new GInfoWindowTab("関連ＨＰ", "<br><a href=http://c-homare.com/etsu/ target=_blank>HOME PAGE</a>")
			]
			markers[1].openInfoWindowTabsHtml(tabList);
		});
		n_markers++;
		map.addOverlay(marker);


		var markeropts = new Object();
		marker = new GMarker(new GPoint(130.3721809387207,33.206574053860834), markeropts);
		markers[n_markers] = marker;
		GEvent.addListener(markers[2], "click", function () {
			tabList = [
				new GInfoWindowTab("情報１", "<b>料亭宮国</b><p><div style='width:350px'><font size=2><div align=left>4代続く老舗の料亭の1階に気軽に入れる味どころがある。ひと工夫された新鮮な魚料理がリーズナブルに楽しめる。</div>大川市榎津城町690<br>TEL 09448-6-3114</font><br><p align=right><a href=mapdisp.cgi?no=76><img src=img/mapurl.gif border=0></a><a href=skype:+8109448-6-3114><img src=img/skype.gif border=0></a><a href=./kml/76.kml><img src=img/gearth.gif border=0></a></p></div></p>"),
				new GInfoWindowTab("画像", "なし"),
				new GInfoWindowTab("関連ＨＰ", "なし")
			]
			markers[2].openInfoWindowTabsHtml(tabList);
		});
		n_markers++;
		map.addOverlay(marker);


		var markeropts = new Object();
		marker = new GMarker(new GPoint(130.38063526153567,33.20441085310767), markeropts);
		markers[n_markers] = marker;
		GEvent.addListener(markers[3], "click", function () {
			tabList = [
				new GInfoWindowTab("情報１", "<b>ぎおん太鼓</b><p><div style='width:350px'><font size=2><div align=left>第１回＠おおかわオフ会<br>6/16　PM7:00より</div>TEL 0944-86-4848</font><br><p align=right><a href=mapdisp.cgi?no=88><img src=img/mapurl.gif border=0></a><a href=skype:+810944-86-4848><img src=img/skype.gif border=0></a><a href=./kml/88.kml><img src=img/gearth.gif border=0></a></p></div></p>"),
				new GInfoWindowTab("画像", "なし"),
				new GInfoWindowTab("関連ＨＰ", "なし")
			]
			markers[3].openInfoWindowTabsHtml(tabList);
		});
		n_markers++;
		map.addOverlay(marker);



	}
	function seeAt(lat, lng, title, body, size, url,img){
		var point = new GPoint(lat, lng);
		map.setZoom(13);
		var marker = new GMarker(point);
		map.panTo(new GLatLng(lng,lat));
		map.addOverlay(marker);
		var point = new GLatLng(lng,lat);
		tabList = [
			new GInfoWindowTab("情報１", "<b>"+title+"</b><p><div style='width:350px'>"+body+"</div></p>"),
			new GInfoWindowTab("画像", img),
			new GInfoWindowTab("関連ＨＰ", url)
		]
		marker.openInfoWindowTabsHtml(tabList);
		GEvent.addListener(marker, "click", function() {
			var point = new GLatLng(lng,lat);
			tabList = [
				new GInfoWindowTab("情報１", "<b>"+title+"</b><p><div style='width:350px'>"+body+"</div></p>"),
				new GInfoWindowTab("画像", img),
				new GInfoWindowTab("関連ＨＰ", url)
			]
			marker.openInfoWindowTabsHtml(tabList);
		});
	}

	function searchPoint() {
		document.getElementById("result").innerHTML = "検索中です...";
		var address = document.getElementById("geoName").value;
		gGeo.getLatLng(address, checkGeo);
	}
	function checkGeo(point) {
		if (point) {
			map.setCenter(point, 14);
			document.getElementById("result").innerHTML = "中央が該当地点です";
		}else{
			document.getElementById("result").innerHTML = "見つかりませんでした";
		}
	}
//]]>
