﻿//<![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.4423689842224,33.18630675056248), 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>・桐たんす、桐ベッド(組子ベッド)製造元<br>・ショールームあり(日祝も可)<br>・駐車場２０台<br>・平日なら、木工場内見学可</div>〒 830-0424<br>福岡県三潴郡大木町三八松１０４８<br>TEL 0944-33-1421</font><br><p align=right><a href=mapdisp.cgi?no=54><img src=img/mapurl.gif border=0></a><a href=skype:+810944-33-1421><img src=img/skype.gif border=0></a><a href=./kml/54.kml><img src=img/gearth.gif border=0></a></p></div></p>"),
				new GInfoWindowTab("画像", "<a href=./upimg/54.jpg target=_blank><img src=./upimg/54.jpg width=266 height=200></a>"),
				new GInfoWindowTab("関連ＨＰ", "<br><a href=http://tansu.com/ target=_blank>HOME PAGE</a>")
			]
			markers[0].openInfoWindowTabsHtml(tabList);
		});
		n_markers++;
		map.addOverlay(marker);


		var markeropts = new Object();
		marker = new GMarker(new GPoint(130.37439107894897,33.21221606178349), 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>〒 831-0005<br>大川市大字向島１５４０<br>TEL 0944-87-2122</font><br><p align=right><a href=mapdisp.cgi?no=70><img src=img/mapurl.gif border=0></a><a href=skype:+810944-87-2122><img src=img/skype.gif border=0></a><a href=./kml/70.kml><img src=img/gearth.gif border=0></a></p></div></p>"),
				new GInfoWindowTab("画像", "<a href=./upimg/70.gif target=_blank><img src=./upimg/70.gif width=220 height=160></a>"),
				new GInfoWindowTab("関連ＨＰ", "<br><a href=http://www5b.biglobe.ne.jp/~mmc_co/museum.htm target=_blank>HOME PAGE</a>")
			]
			markers[1].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 = "見つかりませんでした";
		}
	}
//]]>
