﻿//<![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.35346984863284,33.19359259103179), 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></font><br><p align=right><a href=mapdisp.cgi?no=50><img src=img/mapurl.gif border=0></a><a href=skype:+81><img src=img/skype.gif border=0></a><a href=./kml/50.kml><img src=img/gearth.gif border=0></a></p></div></p>"),
				new GInfoWindowTab("画像", "<a href=./upimg/50.jpg target=_blank><img src=./upimg/50.jpg width=265 height=200></a>"),
				new GInfoWindowTab("関連ＨＰ", "なし")
			]
			markers[0].openInfoWindowTabsHtml(tabList);
		});
		n_markers++;
		map.addOverlay(marker);


		var markeropts = new Object();
		marker = new GMarker(new GPoint(130.3848195075989,33.21222947013302), 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>池の周りに桜があり、市内一の桜名所</div></font><br><p align=right><a href=mapdisp.cgi?no=57><img src=img/mapurl.gif border=0></a><a href=skype:+81><img src=img/skype.gif border=0></a><a href=./kml/57.kml><img src=img/gearth.gif border=0></a></p></div></p>"),
				new GInfoWindowTab("画像", "<a href=./upimg/57.jpg target=_blank><img src=./upimg/57.jpg width=266 height=200></a>"),
				new GInfoWindowTab("関連ＨＰ", "なし")
			]
			markers[1].openInfoWindowTabsHtml(tabList);
		});
		n_markers++;
		map.addOverlay(marker);


		var markeropts = new Object();
		marker = new GMarker(new GPoint(130.37638127803802,33.20468016433893), 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>市内一のドハデ。年々凄くなっていく<br>１２月が見頃(^_^)</div></font><br><p align=right><a href=mapdisp.cgi?no=60><img src=img/mapurl.gif border=0></a><a href=skype:+81><img src=img/skype.gif border=0></a><a href=./kml/60.kml><img src=img/gearth.gif border=0></a></p></div></p>"),
				new GInfoWindowTab("画像", "<a href=./upimg/60.jpg target=_blank><img src=./upimg/60.jpg width=300 height=183></a>"),
				new GInfoWindowTab("関連ＨＰ", "なし")
			]
			markers[2].openInfoWindowTabsHtml(tabList);
		});
		n_markers++;
		map.addOverlay(marker);


		var markeropts = new Object();
		marker = new GMarker(new GPoint(130.3856348991394,33.201421394260954), 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>図書館の脇にいい香りのする植え込みがしてあります。柊（ひいらぎ）という木だそうです。１２月初旬に花が咲きいい香りが漂うそうです。市内では、ここだけで楽しめます。</div></font><br><p align=right><a href=mapdisp.cgi?no=61><img src=img/mapurl.gif border=0></a><a href=skype:+81><img src=img/skype.gif border=0></a><a href=./kml/61.kml><img src=img/gearth.gif border=0></a></p></div></p>"),
				new GInfoWindowTab("画像", "<a href=./upimg/61.jpg target=_blank><img src=./upimg/61.jpg width=300 height=199></a>"),
				new GInfoWindowTab("関連ＨＰ", "なし")
			]
			markers[3].openInfoWindowTabsHtml(tabList);
		});
		n_markers++;
		map.addOverlay(marker);


		var markeropts = new Object();
		marker = new GMarker(new GPoint(130.39215803146362,33.0977613088632), markeropts);
		markers[n_markers] = marker;
		GEvent.addListener(markers[4], "click", function () {
			tabList = [
				new GInfoWindowTab("情報１", "<b>ラジコン見学</b><p><div style='width:350px'><font size=2><div align=left>ここでラジコン飛行機とか、ラジコンヘリが見れます。クラブ員が敷地を共同購入。クラブ員以外は飛行場は利用ではないそうです。ただ、見るのは構わないとのことでした。</div></font><br><p align=right><a href=mapdisp.cgi?no=69><img src=img/mapurl.gif border=0></a><a href=skype:+81><img src=img/skype.gif border=0></a><a href=./kml/69.kml><img src=img/gearth.gif border=0></a></p></div></p>"),
				new GInfoWindowTab("画像", "<a href=./upimg/69.jpg target=_blank><img src=./upimg/69.jpg width=266 height=200></a>"),
				new GInfoWindowTab("関連ＨＰ", "<br><a href=http://kekke3.com/ target=_blank>HOME PAGE</a>")
			]
			markers[4].openInfoWindowTabsHtml(tabList);
		});
		n_markers++;
		map.addOverlay(marker);


		var markeropts = new Object();
		marker = new GMarker(new GPoint(130.3744876384735,33.122025597086235), markeropts);
		markers[n_markers] = marker;
		GEvent.addListener(markers[5], "click", function () {
			tabList = [
				new GInfoWindowTab("情報１", "<b>ひまわり</b><p><div style='width:350px'><font size=2><div align=left>「柳川ひまわり祭り」４０万本のヒマワリ畑は圧巻（７月下旬から８月初旬）</div></font><br><p align=right><a href=mapdisp.cgi?no=72><img src=img/mapurl.gif border=0></a><a href=skype:+81><img src=img/skype.gif border=0></a><a href=./kml/72.kml><img src=img/gearth.gif border=0></a></p></div></p>"),
				new GInfoWindowTab("画像", "<a href=./upimg/72.jpg target=_blank><img src=./upimg/72.jpg width=266 height=200></a>"),
				new GInfoWindowTab("関連ＨＰ", "<br><a href=http://www.ajkj.jp/ajkj/fukuoka/yanagawa/kanko/himawarimatsuri/himawarimatsuri2005.html target=_blank>HOME PAGE</a>")
			]
			markers[5].openInfoWindowTabsHtml(tabList);
		});
		n_markers++;
		map.addOverlay(marker);


		var markeropts = new Object();
		marker = new GMarker(new GPoint(130.4004514217377,33.15707996348168), markeropts);
		markers[n_markers] = marker;
		GEvent.addListener(markers[6], "click", function () {
			tabList = [
				new GInfoWindowTab("情報１", "<b>柳川ソーラーボート大会</b><p><div style='width:350px'><font size=2><div align=left>柳川市は、有明海に面し筑後川と矢部川の河口に位置し、市内には掘割が縦横に巡り、重要文化的景観としての要素も整った自然と生業が共生した独特の水郷景観を形成しています。そのお堀をどんこ舟で巡る川下りの運航コースでもあります「城堀」で、毎年８月初旬「柳川ソーラーボート大会」が開催されてます</div></font><br><p align=right><a href=mapdisp.cgi?no=77><img src=img/mapurl.gif border=0></a><a href=skype:+81><img src=img/skype.gif border=0></a><a href=./kml/77.kml><img src=img/gearth.gif border=0></a></p></div></p>"),
				new GInfoWindowTab("画像", "<a href=./upimg/77.jpg target=_blank><img src=./upimg/77.jpg width=250 height=170></a>"),
				new GInfoWindowTab("関連ＨＰ", "<br><a href=http://www.yanagawa-net.com/topics/boat/bosyu.html target=_blank>HOME PAGE</a>")
			]
			markers[6].openInfoWindowTabsHtml(tabList);
		});
		n_markers++;
		map.addOverlay(marker);


		var markeropts = new Object();
		marker = new GMarker(new GPoint(130.5582082271576,33.206937869710906), markeropts);
		markers[n_markers] = marker;
		GEvent.addListener(markers[7], "click", function () {
			tabList = [
				new GInfoWindowTab("情報１", "<b>八女／トンネル藤</b><p><div style='width:350px'><font size=2><div align=left>毎年４月下旬～５月初旬に、八女伝統工芸館周辺で花祭り「トンネル藤in八女」が開催されます。トンネル藤は昭和60年に国鉄（現ＪＲ）矢部線が廃線になったときに不要になったレールを棚として利用して植えられました。いい香もします。</div></font><br><p align=right><a href=mapdisp.cgi?no=78><img src=img/mapurl.gif border=0></a><a href=skype:+81><img src=img/skype.gif border=0></a><a href=./kml/78.kml><img src=img/gearth.gif border=0></a></p></div></p>"),
				new GInfoWindowTab("画像", "<a href=./upimg/78.jpg target=_blank><img src=./upimg/78.jpg width=266 height=200></a>"),
				new GInfoWindowTab("関連ＨＰ", "なし")
			]
			markers[7].openInfoWindowTabsHtml(tabList);
		});
		n_markers++;
		map.addOverlay(marker);


		var markeropts = new Object();
		marker = new GMarker(new GPoint(130.47236680984497,33.17042586500856), markeropts);
		markers[n_markers] = marker;
		GEvent.addListener(markers[8], "click", function () {
			tabList = [
				new GInfoWindowTab("情報１", "<b>中山の大藤</b><p><div style='width:350px'><font size=2><div align=left>藤の花が咲く頃（４月中旬～５月初旬）には、中山の大藤まつりが催されている。藤棚下にはちょうちんが設置され、まつりの雰囲気が漂う。藤の花には当然のようにハチ等が舞っている。春の甘い香りが辺りに漂う。藤の花は４尺（約１２０ｃｍ）にも達するそうだ。花の量はすごい。藤棚の広さは５００㎡に達するという。さすがは樹齢２７０年～３００年といわれるだけの枝振りである。県指定天然記念物。</div></font><br><p align=right><a href=mapdisp.cgi?no=84><img src=img/mapurl.gif border=0></a><a href=skype:+81><img src=img/skype.gif border=0></a><a href=./kml/84.kml><img src=img/gearth.gif border=0></a></p></div></p>"),
				new GInfoWindowTab("画像", "<a href=./upimg/84.jpg target=_blank><img src=./upimg/84.jpg width=266 height=200></a>"),
				new GInfoWindowTab("関連ＨＰ", "<br><a href=http://www.ajkj.jp/ajkj/fukuoka/mitsuhashi/kanko/nakayamanofuji/nakayamanofuji.html target=_blank>HOME PAGE</a>")
			]
			markers[8].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 = "見つかりませんでした";
		}
	}
//]]>
