﻿//<![CDATA[
	var map, marker;
	window.onload = function() {
		map = new GMap2(document.getElementById("map"));
		//cross_px：十字の横幅・縦幅（ピクセル）
		//cross_td：十字の太さ（ピクセル）
		//cross_cr：十字の色（スタイルシートと同様の書式）
		var cross_px = 20;
		var cross_td = 2;
		var cross_cr = "blue";

		//十字の縦線のエレメントを設定    
		var cross_h_emt =  document.createElement("div");
		//IE用にfontSizeを最小値
		cross_h_emt.style.fontSize = "1px";
		cross_h_emt.style.margin = "0px";
		cross_h_emt.style.padding = "0px";
		cross_h_emt.style.width = cross_px + "px";
		cross_h_emt.style.height = cross_td + "px";
		cross_h_emt.style.backgroundColor = cross_cr;

		//十字の横線のエレメントを設定
		var cross_v_emt =  document.createElement("div");
		cross_v_emt.style.margin = "0px";
		cross_v_emt.style.padding = "0px";
		cross_v_emt.style.width = cross_td+"px";
		cross_v_emt.style.height = cross_px + "px";
		cross_v_emt.style.backgroundColor = cross_cr;

		//十字（縦・横線）の位置を計算
		var MapPX = map.getSize();
		var mycenterHX = MapPX.width  / 2 - cross_px / 2;
		var mycenterHY = MapPX.height / 2 - cross_td / 2;
		var mycenterVX = MapPX.width  / 2 - cross_td / 2;
		var mycenterVY = MapPX.height / 2 - cross_px / 2;

		var mycenter_H = new GSize(mycenterHX,mycenterHY);
		var myposH = new GControlPosition(G_ANCHOR_TOP_LEFT, mycenter_H);
		myposH.apply(cross_h_emt);
		map.getContainer().appendChild(cross_h_emt); 

		var mycenter_V = new GSize(mycenterVX,mycenterVY);
		var myposV = new GControlPosition(G_ANCHOR_TOP_LEFT, mycenter_V);
		myposV.apply(cross_v_emt); 
		map.getContainer().appendChild(cross_v_emt);
		map.setCenter(new GLatLng(38.067554724225275,138.42086791992188), 10,G_NORMAL_MAP);
		map.setMapType(G_NORMAL_MAP);
		map.addControl(new GLargeMapControl());
		map.addControl(new GScaleControl());
		map.addControl(new GMapTypeControl());
		map.enableDoubleClickZoom ();
		map.enableContinuousZoom();
		map.enableScrollWheelZoom();
		new GKeyboardHandler(map);
		gGeo = new GClientGeocoder();
		map.addControl(new GOverviewMapControl(new GSize(150,150)));
		GEvent.addListener(map, "move", function(){
			var center = map.getBounds();
			var gtcent = center.getCenter();
			var latLng = gtcent.x + ',' + gtcent.y;
			document.getElementById("message").innerHTML = latLng;
		} );
		GEvent.addListener(map, 'zoomend',
		function(newZoomLevel) {
			document.getElementById("zoom_new").innerHTML = newZoomLevel;
		});
	}
	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);
		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 = "見つかりませんでした";
		}
	}
//]]>
