var map, httpObj, maker;


  if (GBrowserIsCompatible()) {
    map = new GMap2(document.getElementById("guide_map"));
    map.setCenter(new GLatLng(35.699575, 139.796150), 17);
        ctrlObj = new GSmallMapControl();
        map.addControl(ctrlObj);
        ctrlObj = new GMapTypeControl();
        map.addControl(ctrlObj);
    //map.disableDragging();//ドラッグ禁止処理
// XML読み込み
  var msec = (new Date()).getTime();
   httpObj = GXmlHttp.create();
   httpObj.open("get", "/xml/data.xml?cache="+msec);
   httpObj.onreadystatechange = function(){
	if ((httpObj.readyState == 4) && (httpObj.status == 200)) 
		addMarker();
   }
   httpObj.send(null);
  }else{
	alert("ご利用のブラウザではGoogle　MAPsはご覧いただけません");
  }



function addMarker() {
	map.clearOverlays();
	var count = 0;
	var xmlData = httpObj.responseXML;
	var pointData = xmlData.getElementsByTagName("point");
	var area = map.getBounds();
	for ( var i=0; i<pointData.length; i++){
		var mx = pointData[i].getElementsByTagName("x")[0].firstChild.nodeValue;
		var my = pointData[i].getElementsByTagName("y")[0].firstChild.nodeValue;
		var icon = pointData[i].getElementsByTagName("icon")[0].firstChild.nodeValue;
		var place = pointData[i].getElementsByTagName("place")[0].firstChild.nodeValue;
		var url = pointData[i].getElementsByTagName("url")[0].firstChild.nodeValue;
		var iconw = pointData[i].getElementsByTagName("iconw")[0].firstChild.nodeValue;
		var iconh = pointData[i].getElementsByTagName("iconh")[0].firstChild.nodeValue;
		var gpointx = pointData[i].getElementsByTagName("gpointx")[0].firstChild.nodeValue;
		var gpointy = pointData[i].getElementsByTagName("gpointy")[0].firstChild.nodeValue;
		var imgfile = pointData[i].getElementsByTagName("imgfile")[0].firstChild.nodeValue;
		var massage = pointData[i].getElementsByTagName("info")[0].firstChild.nodeValue;
		var gpObj = new GLatLng(my, mx);
		if(area.contains(gpObj)){
		var marker = addSetMarker(gpObj,icon,place,url,iconw,iconh,gpointx,gpointy,imgfile,massage);//マーカーを作成
			map.addOverlay(marker);
			count++;
		}
		document.getElementById("massage_box").innerHTML = "<p align='center'><br /><br />ここにアイコン情報が表示されます</p>";
	}
}


function addSetMarker(gpObj,icon,place,url,iconw,iconh,gpointx,gpointy,imgfile,massage){
			customMarkerObj = new GIcon();
			var imgad ;
			var go_url;
			var marker_infomation;
			var submarker_infomation;
			customMarkerObj.image = "/lib-img/image/" + icon;
			if(imgfile != 'none'){
			imgad = "<img src='/cgi-bin/image.cgi?f=" + imgfile + "&w=100' align='left' hpasce='5' />";
			}else{
			imgad = "";
			}
			customMarkerObj.iconSize = new GSize(iconw, iconh);
			customMarkerObj.iconAnchor = new GPoint(gpointx, gpointy);
			customMarkerObj.infoWindowAnchor = new GPoint( 25, 15 );// 情報ウィンドウの基準点
			var marker = new GMarker(gpObj, customMarkerObj);
			GEvent.addListener(marker, "click", function(){
				marker_infomation = imgad + "<strong>" + place + "</strong><br />";
				if(url != 'none'){
				marker_infomation += "<span align='right'><a href='" + url + "'>詳しく見る</a></span>";
				}
				if(massage == 'none'){massage = '';}
				submarker_infomation = imgad + "<strong>" + place + "</strong><br />" + massage + "<br />";
				if(url != 'none'){
				submarker_infomation += "<span align='right'><a href='" + url + "'>詳しく見る</a></span>";
				}
				marker.openInfoWindowHtml(marker_infomation);
				document.getElementById("massage_box").innerHTML = submarker_infomation;
			});
				return marker;
}