﻿//<![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.37197440862658,33.20593021859262), 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>他に、PCメンテナンスESHIMAとして<br>パソコンのメンテナンス＆修理をしています。<br></div>〒 831-0004<br>大川市榎津530<br>TEL 0944-86-4078</font><br><p align=right><a href=mapdisp.cgi?no=67><img src=img/mapurl.gif border=0></a><a href=skype:+810944-86-4078><img src=img/skype.gif border=0></a><a href=./kml/67.kml><img src=img/gearth.gif border=0></a></p></div></p>"),
				new GInfoWindowTab("画像", "なし"),
				new GInfoWindowTab("関連ＨＰ", "<br><a href=http://e-tukiita.com/ target=_blank>HOME PAGE</a>")
			]
			markers[0].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 = "見つかりませんでした";
		}
	}
//]]>

