
if (GBrowserIsCompatible()) {
	function iconChange(icontype,myIconSize,myIconAnchor){
		var icon = new GIcon();
		icon.image = "img/"+icontype+".png";
		icon.iconSize = myIconSize;
		icon.iconAnchor = myIconAnchor;
		//icon.iconAnchor = new GPoint(iconAnchorX,iconAnchorY);
		icon.infoWindowAnchor = new GPoint(12, 18);
		icon.infoShadowAnchor = new GPoint(12, 18);
	//	icon.shadow = "img/glogoshadow.png";
	//	icon.printShadow = "img/glogoshadow.gif";
	//	icon.shadowSize = new GSize(21, 21);
		return icon;
	}
	function createMarker(point, text) {
		var marker = new GMarker(point, icon);
		var html = text ;
//		GEvent.addListener(marker, "click", function() {
//			marker.openInfoWindowHtml(html);
//		});
		return marker;
	}
}


// マップの初期設定 
var map = new GMap2(document.getElementById("map"));
var icon = new GIcon();
map.addControl(new GLargeMapControl());
map.addControl(new GMapTypeControl());
map.addControl(new GOverviewMapControl(new GSize(100,100)));
map.setCenter(new GLatLng(33.841357, 132.764577), 15);
map.enableDoubleClickZoom();
map.enableContinuousZoom();
//map.enableScrollWheelZoom()

// XML読み込み
var request = GXmlHttp.create();
request.open("GET", "img/marker.xml", true);
request.onreadystatechange = function() {
	if (request.readyState == 4) {
		var xmlDoc = request.responseXML;
		var markers = xmlDoc.documentElement.getElementsByTagName("marker");
		for (var i = 0; i < markers.length; i++) {
			var iconType = markers[i].getAttribute("iconType");
			var myIconAnchor = new GPoint(parseInt(markers[i].getAttribute("iconAnchorX"),10),parseInt(markers[i].getAttribute("iconAnchorY"),10));
			var myIconSize   = new GSize(parseInt(markers[i].getAttribute("iconSizeX"),10), parseInt(markers[i].getAttribute("iconSizeY"),10))
			icon = iconChange(iconType,myIconSize,myIconAnchor);
			var point = new GPoint(parseFloat(markers[i].getAttribute("lon")),parseFloat(markers[i].getAttribute("lat")));
			var markertitle = (markers[i].getElementsByTagName("markertitle")[0].firstChild.nodeValue);
			var pointcomment = (markers[i].getElementsByTagName("comment")[0].firstChild.nodeValue);
			var markerid = markers[i].getAttribute("markerid");
			var markeridhtml = '';
			if(markerid){
				markeridhtml = '<div class="markerhtml">'+document.getElementById(markerid).innerHTML+'</div>';
			}else{
				markeridhtml = '<h3>'+markertitle+'</h3>'+pointcomment;
			}
			markeridhtml = markeridhtml + '<p align="center"><a href="#" onClick="map.zoomIn();return false;">地図拡大</a>｜<a href="#" onClick="map.closeInfoWindow();return false;">閉じる</a></p>';
			var marker = createMarker(point, markeridhtml);
			map.addOverlay(marker);
		}
	}
}
request.send(null);

