15
/*************************************************
 * Created with GoogleMapAPI 2.5
 * Author: Monte Ohrt <monte AT ohrt DOT com>
 * Copyright 2005-2006 New Digital Group
 * http://www.phpinsider.com/php/code/GoogleMapAPI/
 *************************************************/
var points = [];
var markers = [];
var counter = 0;
var map = null;

function onLoad() {
	if (GBrowserIsCompatible()) {
	
		var mapObj = document.getElementById("map");
		if (mapObj != "undefined" && mapObj != null) {
	
			map = new GMap2(document.getElementById("map"));
			map.setCenter(new GLatLng(34.3525454,134.0465071), 15, G_NORMAL_MAP);
			map.addControl(new GLargeMapControl());
			map.addControl(new GMapTypeControl());
			map.addControl(new GScaleControl());
	
			//アイコン作成
			var baseicon = new GIcon();
			baseicon.iconAnchor=new GPoint(16,32);
			baseicon.infoWindowAnchor=new GPoint(16,0);

				var tower = new GIcon(baseicon);
				tower.iconSize = new GSize(32,32);
				tower.shadowSize = new GSize(59,32);
				tower.image = "http://maps.google.co.jp/mapfiles/ms/icons/pink-dot.png";
				tower.shadow = "http://maps.google.co.jp/mapfiles/ms/icons/pink-dot.shadow.png";
				var udon = new GIcon(baseicon);
				udon.iconSize = new GSize(32,32);
				udon.shadowSize = new GSize(59,32);
				udon.image = "./img/icon/u_a.gif";
				udon.shadow = "";
				var cafe = new GIcon(baseicon);
				cafe.iconSize = new GSize(28,24);
				cafe.shadowSize = new GSize(59,24);
				cafe.image = "./img/icon/cafe.gif";
				cafe.shadow = "";
				var other = new GIcon(baseicon);
				other.iconSize = new GSize(25,25);
				other.shadowSize = new GSize(59,25);
				other.image = "./img/icon/other.gif";
				other.shadow = "";
			var point = new GLatLng(34.3525454,134.0465071);
			var marker = createMarker(point,"<div class='gmapmarker'><p>高松シンボルタワー</p></div>", 0,"高松シンボルタワー" ,tower);
			map.addOverlay(marker);

				var point = new GLatLng(34.3510511,134.0483377);
				var marker = createMarker(point,"<div class='gmapmarker'><p class='pic'><img src='./img/img-photo-002.jpg' alt='' width='80' ></p><p class='name'><a href='#vicinity2'>さぬきうどん日輪座</a></p></div>", 1,"さぬきうどん日輪座" ,udon);
				map.addOverlay(marker);
				var point = new GLatLng(34.346912,134.050312);
				var marker = createMarker(point,"<div class='gmapmarker'><p class='pic'><img src='./img/img-photo-019.jpg' alt='' width='80' ></p><p class='name'><a href='#vicinity5'>根っこ　内町店</a></p></div>", 2,"根っこ　内町店" ,udon);
				map.addOverlay(marker);
				var point = new GLatLng(34.3465349,134.053507);
				var marker = createMarker(point,"<div class='gmapmarker'><p class='pic'><img src='./img/img-photo-005.jpg' alt='' width='80' ></p><p class='name'><a href='#suburbs1'>地上最強のウドン　ゴッドハンド</a></p></div>", 3,"地上最強のウドン　ゴッドハンド" ,udon);
				map.addOverlay(marker);
				var point = new GLatLng(34.3459905,134.0498016);
				var marker = createMarker(point,"<div class='gmapmarker'><p class='pic'><img src='./img/img-photo-006.jpg' alt='' width='80' ></p><p class='name'><a href='#suburbs2'>こんぴらや　兵庫町店</a></p></div>", 4,"こんぴらや　兵庫町店" ,udon);
				map.addOverlay(marker);
				var point = new GLatLng(34.338255,134.0483102);
				var marker = createMarker(point,"<div class='gmapmarker'><p class='pic'><img src='./img/img-photo-008.jpg' alt='' width='80' ></p><p class='name'><a href='#suburbs4'>セルフうどん　正家</a></p></div>", 5,"セルフうどん　正家" ,udon);
				map.addOverlay(marker);
				var point = new GLatLng(34.345546, 134.046696);
				var marker = createMarker(point,"<div class='gmapmarker'><p class='pic'><img src='./img/img-photo-nothing.jpg' alt='' width='80' ></p><p class='name'><a href='#suburbs6'>手打ちうどん　川千</a></p></div>", 6,"手打ちうどん　川千" ,udon);
				map.addOverlay(marker);
				var point = new GLatLng(34.303262, 133.996776);
				var marker = createMarker(point,"<div class='gmapmarker'><p class='pic'><img src='./img/img-photo-023.jpg' alt='' width='80' ></p><p class='name'><a href='#suburbs8'>てら屋</a></p></div>", 7,"てら屋" ,udon);
				map.addOverlay(marker);
		}
	} else {
		alert("Sorry, the Google Maps API is not compatible with this browser.");
	}
}
function createMarker(point, html, n, tooltip,icon) {
	if(n >= 0) { n = -1; }
	var marker = new GMarker(point,{'icon': icon , 'title': tooltip});
	if(isArray(html)) { GEvent.addListener(marker, "click", function() { marker.openInfoWindowTabsHtml(html); }); }
	else { GEvent.addListener(marker, "click", function() { marker.openInfoWindowHtml(html); }); }

	points[counter] = point;
	markers[counter] = marker;
	counter++;
	return marker;
}

function isArray(a) {return isObject(a) && a.constructor == Array;}
function isObject(a) {return (a && typeof a == 'object') || isFunction(a);}
function isFunction(a) {return typeof a == 'function';}
function showInfoWindow(idx,html) {
	map.centerAtLatLng(points[idx]);
	markers[idx].openInfoWindowHtml(html);
}