﻿//<![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.35758972167972,33.19817298084329), 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>TESTは、ここでやって下さい。<br>適時に削除致します<br>TESTTES8888</div></font><br><p align=right><a href=mapdisp.cgi?no=64><img src=img/mapurl.gif border=0></a><a href=skype:+81><img src=img/skype.gif border=0></a><a href=./kml/64.kml><img src=img/gearth.gif border=0></a></p></div></p>"),
				new GInfoWindowTab("画像", "なし"),
				new GInfoWindowTab("関連ＨＰ", "なし")
			]
			markers[0].openInfoWindowTabsHtml(tabList);
		});
		n_markers++;
		map.addOverlay(marker);


		var markeropts = new Object();
		marker = new GMarker(new GPoint(130.36203145980832,33.59524652062884), 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=79><img src=img/mapurl.gif border=0></a><a href=skype:+81><img src=img/skype.gif border=0></a><a href=./kml/79.kml><img src=img/gearth.gif border=0></a></p></div></p>"),
				new GInfoWindowTab("画像", "<a href=./upimg/79.jpg target=_blank><img src=./upimg/79.jpg width=234 height=191></a>"),
				new GInfoWindowTab("関連ＨＰ", "<br><a href=http://www.hawkstown.com/cgi-bin/cms_corp/index.cgi target=_blank>HOME PAGE</a>")
			]
			markers[1].openInfoWindowTabsHtml(tabList);
		});
		n_markers++;
		map.addOverlay(marker);


		var markeropts = new Object();
		marker = new GMarker(new GPoint(131.08474731445312,32.88314507289385), 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>Google Earth インストしてあれば、３Ｄでみることも動かすことも可能です。速いＰＣだと感動しますよ。</div></font><br><p align=right><a href=mapdisp.cgi?no=80><img src=img/mapurl.gif border=0></a><a href=skype:+81><img src=img/skype.gif border=0></a><a href=./kml/80.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.4348373413086,33.19659289305969), 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=94><img src=img/mapurl.gif border=0></a><a href=skype:+81><img src=img/skype.gif border=0></a><a href=./kml/94.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);


		var markeropts = new Object();
		marker = new GMarker(new GPoint(130.4015350341797,33.20808379018572), markeropts);
		markers[n_markers] = marker;
		GEvent.addListener(markers[4], "click", function () {
			tabList = [
				new GInfoWindowTab("情報１", "<b>test000</b><p><div style='width:350px'><font size=2><div align=left>test</div></font><br><p align=right><a href=mapdisp.cgi?no=95><img src=img/mapurl.gif border=0></a><a href=skype:+81><img src=img/skype.gif border=0></a><a href=./kml/95.kml><img src=img/gearth.gif border=0></a></p></div></p>"),
				new GInfoWindowTab("画像", "なし"),
				new GInfoWindowTab("関連ＨＰ", "なし")
			]
			markers[4].openInfoWindowTabsHtml(tabList);
		});
		n_markers++;
		map.addOverlay(marker);


		var markeropts = new Object();
		marker = new GMarker(new GPoint(130.35879135131836,33.2036312465297), 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=107><img src=img/mapurl.gif border=0></a><a href=skype:+81><img src=img/skype.gif border=0></a><a href=./kml/107.kml><img src=img/gearth.gif border=0></a></p></div></p>"),
				new GInfoWindowTab("画像", "なし"),
				new GInfoWindowTab("関連ＨＰ", "なし")
			]
			markers[5].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 = "見つかりませんでした";
		}
	}
//]]>
