﻿//<![CDATA[
	
	var icon = new GIcon();
	icon.image = "http://www.smarvi.jp/map/spot/img/shop.png";
	icon.shadow = "http://www.smarvi.jp/map/spot/img/shop_shadow.png";
	icon.iconSize = new GSize(34, 28);
	icon.shadowSize = new GSize(34, 15);
	icon.iconAnchor = new GPoint(6, 20);
	icon.infoWindowAnchor = new GPoint(5, 1);
	
	var map, marker;
	window.onload = function() {
	
	map = new GMap2(document.getElementById("map"));
		map.setCenter(new GLatLng(35.68138621868106, 139.76609230041504), 15,G_NORMAL_MAP);
		map.addControl(new GLargeMapControl());
		map.addControl(new GScaleControl());
		map.addControl(new GMapTypeControl());
		map.enableDoubleClickZoom ();
		new GKeyboardHandler(map);
		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;
		} );

	}

	function seeAt(lat, lng, title, body, size, url,img){
		var point = new GPoint(lat, lng);
		map.setZoom(15);
		var marker = new GMarker(point, icon);
		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+"<hr width=200><font size=2>【広告】</font><br><iframe  frameBorder=0 allowTransparency=true height=60 width=234 marginHeight=0 scrolling=no src=./skin/ad.htm></iframe>")
			]
			marker.openInfoWindowTabsHtml(tabList);
		});
	}
	
	// GlocalSearchオブジェクトを生成
	var gLocalSearch;
	gLocalSearch = new GlocalSearch();
	
	// 検索完了時のコールバック関数をセット
	gLocalSearch.setSearchCompleteCallback(null, OnLocalSearch);
	
	// qはフォームのテキストエリアの値
	function localSearch(q) {
	gLocalSearch.execute(q);
	return false;
	}
	
	// 検索完了時に呼ばれるコールバック関数
	function OnLocalSearch() {
	if (!gLocalSearch.results) return;
	
	// 検索結果の1番目を取得
	var first = gLocalSearch.results[0];
	
	// その結果の緯度・経度を地図の中心にセット
	map.setCenter(new GLatLng(parseFloat(first.lat), parseFloat(first.lng)), 15);
	
	// マーカーを立てたり
	var marker = new GMarker(new GPoint(parseFloat(first.lng), parseFloat(first.lat)), icon);
	map.addOverlay(marker);
	marker.openInfoWindow(document.createTextNode(first.city));
	}
	
//]]>
