var gglMap; var gHttpObj; var gglMarkers=[]; var nicknm=[]; var comment=[]; var photos=[]; var regdate=[]; var lat=[]; var lng=[]; var page=0; var pageincr=20; var notfound=false; var commentWidth="139px"; var year=0; var month=0; var currentyear=0; var currentmonth=0; var balFlg = false; var movFlg = true; var btnkb=0; var fn='img4/sn_ccc4_'; var opfg=false; var previousview=false; var x; var y; var mapX=0; var mapY=0; var mapWidth=550; //地図横幅 var mapHeight=600; //地図縦幅 var balX = 260; //吹出し横位置 var balY = 330; //吹出し縦位置 var mapcenterX = 275; //センター横位置 var mapcenterY = 300; //センター縦位置 var maxHeight = 160; //画像の最大縦幅 var iconWidth = 22; //マーカ横幅 var iconHeight = 28; //マーカ縦幅 // var pno; <- index01.php内で定義・設定 //==================================MAIN START function gglmapload(){ var ua = navigator.userAgent; var sfrChk = ua.toUpperCase().indexOf("SAFARI",0); var sfrVer = ""; if(sfrChk != -1) { var sfrVer = ua.split('AppleWebKit/')[1].split('.')[0]; } if(typeof(GBrowserIsCompatible)=='undefined'){ document.getElementById('map').innerHTML='


GoogleMapsと通信ができません。
お手数ですが再読み込みボタンを押してリロードを行ってください。

(尚、この現象はIE6以前のブラウザをお使いの方に発生します。)'; } if (GBrowserIsCompatible()) { gglMap = new GMap2(document.getElementById("map")); gglMap.addControl(new GLargeMapControl()); // gglMap.addControl(new GScaleControl()); gglMap.addControl(new GMapTypeControl()); // gglMap.addControl(new GOverviewMapControl(new GSize(100,100))); gglMap.enableContinuousZoom(); gglMap.enableDoubleClickZoom(); gglMap.setCenter(new GLatLng(35.5, 133.8), 4); var mapElem = document.getElementById("map"); if (mapElem.addEventListener) //Mozilla mapElem.addEventListener('DOMMouseScroll', zoomByWheel, false); mapElem.onmousewheel = zoomByWheel; GEvent.addListener(gglMap, "moveend", function(){ if(balFlg == true) { if(movFlg == true){ document.getElementById('balloon').style.display = "block"; } if((sfrVer > 313)||(sfrChk == -1)) { document.getElementById('map').onclick = function() { fcv(); } GEvent.addListener(gglMap, "dragstart", function(){ fcv('1'); }); } } }); date = new Date(); day=date.getDate(); if(day < 3){ if(date.getMonth()==0){ year = date.getYear()-1; month=12; }else{ year = date.getYear(); month=date.getMonth(); } }else{ year = date.getYear(); month=date.getMonth() + 1; } if (year < 2000) year += 1900; if (month < 10) month = '0' + month; currentyear = year; currentmonth = month; resolmap(); changeMonth(String(currentyear)+String(currentmonth)); // changeMonth('0'); }else{ document.getElementById('map').innerHTML='ご利用の環境ではこのマップをご覧いただけません。'; } } //==================================MAIN END function initialize(){ gglMarkers=[]; nicknm=[]; comment=[]; photos=[]; lat=[]; lng=[]; page=0; year=0; month=0; opfg=false; previousview=false; gglMap.clearOverlays(); } function refreshmap2(md){ if(opfg) return; initialize(); if(md!=0){ year=md.substring(0,4); month=md.substring(4,6); } getGMakerData(); getPhotos(page); } function getGMakerData(){ new Ajax.Request("./maps/readmaps4.php", { method: "post", parameters: "page="+page+"&year="+year+"&month="+month+"&kb="+btnkb, onComplete : addGMarker }); } function fcv(dragChk) { document.getElementById('balloon').style.display = "none"; if(dragChk != "1") { if((balFlg == true)&&(movFlg == true)) { gmapObj.panBy(new GSize(0 - movX, 0 - movY)); } } balFlg = false; } function addGMarker(request){ var markerNo; var data; var CR = String.fromCharCode(13); var txt = request.responseText; var pointData = txt.split(CR); var pnt,markerNo,regmonth,marker,point; var kanaeruflg=true; for (var i=0; imaxHeight){ photos[markerNo] = photos[markerNo] + " height='"+maxHeight+"' border='0' />"; }else{ photos[markerNo] = photos[markerNo] + " border='0' />"; } var point = new GLatLng(lng[markerNo],lat[markerNo]); var marker = buildmarker(point,markerNo,"maps/images/m" + regmonth + ".png"); gglMap.addOverlay(marker); gglMarkers[markerNo]=marker; if(markerNo == pno){ setbal(markerNo,1,0); kanaeruflg=false; } } //カナエル神社 nicknm[0] = ""; comment[0] = ""; regdate[0] = ""; photos[0] = ""; lat[0] = 139.49471712112427; lng[0] = 35.82778252540142; var point = new GLatLng(lng[0],lat[0]); var marker = buildmarker(point,0,"maps/images/canael_icon.png"); gglMap.addOverlay(marker); gglMarkers[0]=marker; if(kanaeruflg){ setbal(0,1,1); } } function zoomByWheel(event) { if (!event) event = window.event; var zoom = gglMap.getZoom(); var delta = 0; if (event.wheelDelta){ delta = event.wheelDelta; }else if (event.detail){ delta = -event.detail; } if (delta) { delta = delta < 0 ? -1 : +1; zoom += delta; if (zoom >= 0) { gglMap.setZoom(zoom); if (event.preventDefault) { event.preventDefault(); event.stopPropagation(); } else { //IE event.returnValue = false; event.cancelBubble = true; } } } } function buildmarker(point,no,imageURL){ var icon=new GIcon(); icon.image=imageURL; icon.iconSize = new GSize(iconWidth, iconHeight); icon.iconAnchor = new GLatLng(iconHeight,0); icon.infoWindowAnchor = new GLatLng(10, 15); var marker = new GMarker(point,icon); GEvent.addListener(marker, "click", function() { setbal(no,0,0); }); movX = balX - mapcenterX; movY = balY - mapcenterY; return marker; } function setbal(no,kbn,kanaeru){ movX = balX - x; movY = balY - y; document.getElementById('tabImg').innerHTML = photos[no]; document.getElementById('tabTitle').innerHTML = nicknm[no]; document.getElementById('tabComment').innerHTML = comment[no]+regdate[no]; if(no==0){ document.getElementById('tabComment').style.width="0px"; }else{ document.getElementById('tabComment').style.width=commentWidth; } if(kbn==1){ if(kanaeru==1){ gglMap.setCenter(new GLatLng(lng[no],lat[no]), 9); }else{ gglMap.setCenter(new GLatLng(lng[no],lat[no]), 10); } gglMap.panBy(new GSize(0,155)); document.getElementById('balloon').style.display = "block"; movFlg = false; }else{ gglMap.panBy(new GSize(movX,movY)); movFlg = true; } balFlg = true; } function resize(){ var map_obj=document.getElementById("map"); var disp=getDispSize(); map_obj.style.width=(disp.width-30)+"px"; map_obj.style.height=(disp.height-80)+"px"; if( gglMap ){ gglMap.checkResize(); var point = gglMap.getCenterLatLng(); gglMap.panTo(new GLatLng(point.x, point.y)); } } function getDispSize(){ if(document.all){ if(window.opera){ return {width:document.body.clientWidth,height:document.body.clientHeight}; }else{ return {width:document.documentElement.clientWidth,height:document.documentElement.clientHeight}; } } else if(document.layers || document.getElementById){ return {width:window.innerWidth,height:window.innerHeight}; } } function fcv(dragChk) { document.getElementById('balloon').style.display = "none"; if(dragChk != "1") { if(balFlg && movFlg) { gglMap.panBy(new GSize(0 - movX, 0 - movY)); } } balFlg = false; } window.document.onmousemove = function(evt) { if (window.createPopup) { x = event.x; y = event.y; }else{ x = evt.pageX - mapX; y = evt.pageY - mapY; } } function resolmap() { mapX = YAHOO.util.Dom.getX("map"); mapY = YAHOO.util.Dom.getY("map"); } window.onresize = resolmap; function pageup(){ if(notfound) return; page+=pageincr; // getGMakerData(); getPhotos(page); } function pagedown(){ if(page==0) return; page-=pageincr; notfound=false; // getGMakerData(); getPhotos(page); } function getPhotos(page){ new Ajax.Request("./maps/getphotos4.php", { method: "post", parameters: "page="+page+"&year="+year+"&month="+month+"&kb="+btnkb, onComplete : getPhotos_ok }); } function getPhotos_ok(request){ var txt = request.responseText; var pd = txt.split(String.fromCharCode(13)); var pnt,contid,thumb,i,wy,wm; if(pd.length>0){ for (i=0; i
"; } for (i=0; i
"; } if(pd.length