﻿	//<![CDATA[

	var vpoint_num = 6;

	var vpoint = new Array(vpoint_num);
	vpoint[ 0] = new Array( 40.78485110387611,  140.32187819480896, "mb01", "道の駅もりたアーストップ",'〒038-2817<BR>青森県つがる市森田町床舞稚桜4-1<BR>森田村農業活性化組合' );
	vpoint[ 1] = new Array( 40.76597340187556,  140.33732771873474, "mb02", "つがる地球村",'車で約5分' );
	vpoint[ 2] = new Array( 40.809131953785965, 140.44780254364014, "mb03", "五所川原駅",'陸奥森田駅まで約15分' );
	vpoint[ 3] = new Array( 40.74148574308877,  140.60287714004517,  "mb04", "浪岡I.C.",'車で約40分' );
	vpoint[ 4] = new Array( 40.824786543313365, 140.7406997680664,  "mb05", "青森市",'車で約60分' );
	vpoint[ 5] = new Array( 40.73828290651089,  140.68937301635742,  "mb06", "青森空港",'五所川原市までバスで約45分' );

	var markers = new Array(vpoint_num);
	var map;
	var vpoint_index = -1;
	var vpoint_index_opened = -1;

	function load() {
		map = new GMap2(document.getElementById("gmap"));
		map.enableDoubleClickZoom();
		map.enableContinuousZoom();
		map.addControl(new GLargeMapControl());
		map.addControl(new GMapTypeControl(true));
		map.setCenter(new GLatLng(40.896905775860006, 140.42999267578125),9);

/*		//ポリラインの描画
		var encodedPolyline = new GPolyline.fromEncoded({
			color: "#3399FF",
			opacity: 0.5,
			weight: 6,
			points: "ytexFgf~yYl]pNnPNjJsHvzAwpE`CcWs@}S_JsVa{@}lBeKcW{RoMadBsl@sXmTcg@mq@i~@u_@i|AojCcV{h@eeAcm@us@rGuSaGiU{Z_l@uWkLqUmPuPqKal@pKojCg~ActIll@mmJr`AavBxl@asCbr@ucAdgBoaArwDasFbg@cWz{@uOncEcmCjLmTjHa]h`@yv@pVimAaP_nBMm[`NqUjYoFzzBa{@`dAglAfoFskItqEooJvb@{Rx`@s^fcCeu@h^jDb}DotB`yHejJvgDcoBnY?`m@jZnxBpuB",
			levels: "BBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBB",
			zoomFactor: 32,
			numLevels: 4
		});
		map.addOverlay(encodedPolyline);
*/

		GEvent.addListener(map, "movestart", function() {
			if(vpoint_index >= 0) {
			}
		});
		GEvent.addListener(map, "moveend", function() {
			if(vpoint_index >= 0) {
				mapMarkerInfo(vpoint_index);
			}
		});
		GEvent.addListener(map, "infowindowopen", function() {
				vpoint_index_opened = vpoint_index;
				vpoint_index = -1;
		});
		GEvent.addListener(map, "infowindowclose", function() {
			vpoint_index_opened = -1;
		});

/*
		//標準アイコン
		//ベースアイコン作成
		var baseIcon = new GIcon();
		baseIcon.shadow = "http://www.google.com/mapfiles/shadow50.png";
		baseIcon.iconSize = new GSize(20, 34);
		baseIcon.shadowSize = new GSize(0, 0);
		baseIcon.iconAnchor = new GPoint(9, 34);
		baseIcon.infoWindowAnchor = new GPoint(9, 2);
		baseIcon.infoShadowAnchor = new GPoint(18, 25);

		function createMarker(point, index) {
			var letter = String.fromCharCode("A".charCodeAt(0) + index);
			var icon = new GIcon(baseIcon);
			icon.image = "http://www.google.com/mapfiles/marker" + letter + ".png";
			var marker = new GMarker(point, icon);
			GEvent.addListener(marker, "click", function() {
				mapMarkerInfo(index);
			});
			return marker;
		}
*/

		//オリジナルアイコン
		//ベースアイコン作成
		var baseIcon = new GIcon();
		baseIcon.shadow = "../gmaps/marker/spc.gif";
		baseIcon.iconSize = new GSize(17, 21);
		baseIcon.shadowSize = new GSize(1, 1);
		baseIcon.iconAnchor = new GPoint(8,22);
		baseIcon.infoWindowAnchor = new GPoint(9, 2);
		baseIcon.infoShadowAnchor = new GPoint(8, 21);

		function createMarker(point, index) {
			var icon = new GIcon(baseIcon);
			icon.image = "../gmaps/marker/" + vpoint[index][2] + ".png";
			var marker = new GMarker(point, icon);
			GEvent.addListener(marker, "click", function() {
				mapMarkerInfo(index);
			});
			return marker;
		}

		var lp;
		for(lp = 0; lp < vpoint_num; lp++) {
			var point = new GLatLng(vpoint[lp][0], vpoint[lp][1]);
			var marker = createMarker(point, lp);
			map.addOverlay(marker);
			markers[lp] = marker;
		}
	}

	function mapPoint(index) {
		var center = map.getCenter();
		var point = new GLatLng(vpoint[index][0], vpoint[index][1]);
		vpoint_index = index;
		map.closeInfoWindow();
		vpoint_index_opened = -1;

		if(center.equals(point) ) {
			mapMarkerInfo(index);
		}
		else {
			map.panTo(point);
		}
	}

	function mapMarkerInfo(index) {
		vpoint_index = index;
		var html = '<div id=infoName>' + vpoint[index][3] + '</div>';
		if(vpoint[index][4] != '') {
			html += '<div id=infoCmnt>' + vpoint[index][4] + '</div>';
		}
		var opts = { maxWidth : 180 };
		markers[index].openInfoWindowHtml(html,opts);
	}

	function mapTextAncher() {
		var lp;
		for(lp = 0; lp < vpoint_num; lp++) {
			document.write("<a href=\"JavaScript:mapPoint(" + lp + ");\"><img src='../gmaps/marker/"+ vpoint[lp][2] +".png'>" + vpoint[lp][3] + "</a><br>\n");
		}
	}

	function unload() {
		GUnload();
	}


	//]]>

