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.3491818,134.0466322);
				var marker = createMarker(point,"<div class='gmapmarker'><p class='pic'><img src='./img/img-photo-001.jpg' alt='' width='80' ></p><p class='name'><a href='#vicinity1'>手打うどん 一代</a></p></div>", 1,"手打うどん 一代" ,udon);
				map.addOverlay(marker);
				var point = new GLatLng(34.3507733,134.0468461);
				var marker = createMarker(point,"<div class='gmapmarker'><p class='pic'><img src='./img/img-photo-003.jpg' alt='' width='80' ></p><p class='name'><a href='#vicinity3'>連絡船うどん店</a></p></div>", 2,"連絡船うどん店" ,udon);
				map.addOverlay(marker);
				var point = new GLatLng(34.3507733,134.0468461);
				var marker = createMarker(point,"<div class='gmapmarker'><p class='pic'><img src='./img/img-photo-004.jpg' alt='' width='80' ></p><p class='name'><a href='#vicinity4'>うどん処 艶艶</a></p></div>", 3,"うどん処 艶艶" ,udon);
				map.addOverlay(marker);
				var point = new GLatLng(34.3395243,134.0483185);
				var marker = createMarker(point,"<div class='gmapmarker'><p class='pic'><img src='./img/img-photo-007.jpg' alt='' width='80' ></p><p class='name'><a href='#suburbs3'>うどん棒　本店</a></p></div>", 4,"うどん棒　本店" ,udon);
				map.addOverlay(marker);
				var point = new GLatLng(34.344893, 134.047457);
				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='#suburbs5'>うどん　風月</a></p></div>", 5,"うどん　風月" ,udon);
				map.addOverlay(marker);
				var point = new GLatLng(34.313300, 133.856770);
				var marker = createMarker(point,"<div class='gmapmarker'><p class='pic'><img src='./img/img-photo-017.jpg' alt='' width='80' ></p><p class='name'><a href='#suburbs7'>どん茶屋　亀城庵（きじょうあん）</a></p></div>", 6,"どん茶屋　亀城庵（きじょうあん）" ,udon);
				map.addOverlay(marker);
				var point = new GLatLng(34.239661, 134.051499);
				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='#suburbs9'>本格手打 もり家</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);
}