/* WSpec.js*/ function _WSpec() { var webRoot = location.protocol + "//" + location.host; //http://ebstour.visitkorea.or.kr //var webRoot = "http://emap.visitkorea.or.kr"; //원래는 이걸로 되어 있었음.. //var webRoot = ""; var rscRoot = webRoot + "/wholseemap"; //"http://ebstour.visitkorea.or.kr/wholseemap" //var rscRoot = "/wholseemap"; var WSpec = { "baseurl": "http://EImageMap.visitkorea.or.kr/M1030", //"baseurl" :"http://emap.visitkorea.or.kr/MapImg", //"baseurl" :"http://EImageMap.visitkorea.or.kr/M0807", // http://engmap.whereis.co.kr/"file://172.16.1.56/image/", //"baseurl" :"http://eMapImage.whereis.co.kr", //"baseurl" :"http://kMapImage.whereis.co.kr", "initlevel" :1, "baselon" :44640000, "baselat" :11880000, "slon" :45728042, //45734062, //45722676 //신사역 "slat" :13504877, //13430855, //13520248 "minlon" :44640000, "maxlon" :47517187, //47520000,//"47514375", "minlat" :11880000, "maxlat" :16817749, //15717749,//13920000, //14191652,//"14191652", "rangelon" :0, //8*3600*100, "rangelat" :0, //6*3600*100, "minlevel" :1, "maxlevel" :12, "tilesize" :256, "xtilecount" :0, "ytilecount" :0, "x256sec" :0, "y256sec" :0, "divcount" :12, //12 "viewportwidth" :0, "viewportheight":0, "yratio" :0.800312622, "extratile" :0, "zero" :"00", "zerolength" :2, "wcrossline" :rscRoot + "/images/line-w.gif", "hcrossline" :rscRoot + "/images/line-h.gif", "backgroundimg" :rscRoot + "/images/MapPattern_img01.gif", "logourl" :rscRoot + "/images/whereis_logo1.png", "logoleft" :10, "logotop" :0, "copyrighturl" :rscRoot + "/images/txt_whereis_copyright.png", "copyrightw" :279, "copyrightleft" :0, "copyrighttop" :0, "scaleurl" :rscRoot + "/images/scale.gif", "scalew" :60, "scaleleft" :0, "scaletop" :0, /* LevelBarMan */ "backurl" :rscRoot + "/images/LevelBar/Levelbar_backimg(1).gif", "stickurl" :rscRoot + "/images/LevelBar/Levelbar_btn.gif", "barurl" :rscRoot + "/images/LevelBar/Levelbar_img1(1).gif", "zoominurl" :rscRoot + "/images/LevelBar/MapPlus_btn.gif", "zoomouturl" :rscRoot + "/images/LevelBar/MapMinus_btn.gif", "panlefturl" :rscRoot + "/images/LevelBar/MapLeft_btn.gif", "panupurl" :rscRoot + "/images/LevelBar/MapUp_btn.gif", "panrighturl" :rscRoot + "/images/LevelBar/MapRight_btn.gif", "pandownurl" :rscRoot + "/images/LevelBar/MapDown_btn.gif", "pan" :13, "zoom" :15, "barw" :43, "barh" :144, "backgapw" :3, "backgaph" :3, "pangaph" :10, "panover" :1, "zoomgapw" :14, "zoomgaph" :5, "stickgapw" :12, "levelpx" :13, //레벨바의 한레벨의 px "backleft" :3, "backtop" :3, "zoominleft" :0, "zoomintop" :0, "zoomoutleft" :0, "zoomouttop" :0, "barleft" :0, "bartop" :0, "stickleft" :0, "sticktop" :0, "cutlevelpx" :0, //제외한 레벨의 px(영문지도는 1,2레벨 제외) "cutlevelcnt" :0, //제외할 레벨의 수 //2 "zoomstart" :0, "zoomend": 0, /*PoiMan*/ "infoboxbottom" :rscRoot + "/images/Poi/Infoboxbottom_img.gif", "infoboxleft" :rscRoot + "/images/Poi/Infoboxleft_img.gif", "infoboxright" :rscRoot + "/images/Poi/Infoboxright_img.gif", "infoboxtop" :rscRoot + "/images/Poi/Infoboxtop_img.gif", "infoclose" :rscRoot + "/images/Poi/InfoClose_btn.gif", "destination" :rscRoot + "/images/Poi/Destination_btn.gif", "hintbox01" :rscRoot + "/images/Poi/infopop_boximg01.gif", "hintbox02" :rscRoot + "/images/Poi/infopop_boximg02.gif", "hintbox03" :rscRoot + "/images/Poi/infopop_boximg03.gif", "hintbox04" :rscRoot + "/images/Poi/infopop_boximg04.gif", "hintboxtitle" :rscRoot + "/images/Poi/infopop_titimg.gif", "poiimage" :rscRoot + "/images/Poi/poi.gif", "poiimgw" :23, "poiimgh" :29, "infobacktop" :rscRoot + "/images/infobacktop.gif", "infobackbottom":rscRoot + "/images/infobackbottom.gif", "infobackw" :300, //300 //이걸 이렇게 인포박스 디자인이 바뀔때 마다.ㅡㅡ; "infobackh" :116, //116, 152 "infocontentH" :75, //110 "textw" :9, "maxpoicnt" :180, /* RGMan */ "rpready" :0, //경로검색가능 "rpsearchstart" :1, //경로검색중 "rpsearchend" :2, //경로검색완료 "rpshort" :0, //최단경로 "rpstaticopti" :1, //정적최적 "rptrafficopti" :2, //교통최적 "rpfreeno" :0, //요금-일반 "rpfreeyes" :1, //요금-무료 "rpexpressno" :0, //우선도로-일반 "rpexpressyes" :1, //우선도로-고속화도로 "rpbeginnerno" :0, //운전자-일반 "rpbeginneryes" :1, //운전자-초보 "rproutesumno" :0, //경로요약-없음 "rproutesumyes" :1, //경로요약-있음 "rggroupid" :999, //경로검색용 poi 그룹 아이디 "rgserviceurl" : webRoot + "/Scripts/Common/RPRGService.aspx", "rgimagestart" : rscRoot + "/images/route/start.gif", "rgimageend" : rscRoot + "/images/route/end.gif", "rgimagevia" : rscRoot + "/images/route/via.gif", "rgimage" : [{"rgcode": 1, "src": rscRoot + "/images/route/1000.gif"}, {"rgcode":2, "src": rscRoot + "/images/route/1001.gif"}, {"rgcode":3, "src": rscRoot + "/images/route/1002.gif"}, {"rgcode":4, "src": rscRoot + "/images/route/1003.gif"}, {"rgcode":5, "src": rscRoot + "/images/route/1004.gif"}, {"rgcode":6, "src": rscRoot + "/images/route/1005.gif"}, {"rgcode":7, "src": rscRoot + "/images/route/1006.gif"}, {"rgcode":8, "src": rscRoot + "/images/route/1007.gif"}, {"rgcode":9, "src": rscRoot + "/images/route/1008.gif"}, {"rgcode":10, "src": rscRoot + "/images/route/1009.gif"}, {"rgcode":11, "src": rscRoot + "/images/route/1010.gif"}, {"rgcode":12, "src": rscRoot + "/images/route/1011.gif"}, {"rgcode":13, "src": rscRoot + "/images/route/1012.gif"}, {"rgcode":17, "src": rscRoot + "/images/route/1013.gif"}, {"rgcode":22, "src": rscRoot + "/images/route/1016.gif"}, {"rgcode":24, "src": rscRoot + "/images/route/1017.gif"}, {"rgcode":25, "src": rscRoot + "/images/route/1015.gif"}, {"rgcode":26, "src": rscRoot + "/images/route/1018.gif"}, {"rgcode":27, "src": rscRoot + "/images/route/1019.gif"}, {"rgcode":28, "src": rscRoot + "/images/route/1014.gif"}, {"rgcode":29, "src": rscRoot + "/images/route/1020.gif"}, {"rgcode":70, "src": rscRoot + "/images/route/1030.gif"}, {"rgcode":71, "src": rscRoot + "/images/route/1031.gif"}, {"rgcode":72, "src": rscRoot + "/images/route/1032.gif"}, {"rgcode":73, "src": rscRoot + "/images/route/1033.gif"}, {"rgcode":81, "src": rscRoot + "/images/route/1021.gif"}, {"rgcode":82, "src": rscRoot + "/images/route/1024.gif"}, {"rgcode":83, "src": rscRoot + "/images/route/1021.gif"}, {"rgcode":84, "src": rscRoot + "/images/route/1024.gif"}, {"rgcode":85, "src": rscRoot + "/images/route/1027.gif"}, {"rgcode":97, "src": rscRoot + "/images/route/1022.gif"}, {"rgcode":99, "src": rscRoot + "/images/route/1022.gif"}, {"rgcode":113, "src": rscRoot + "/images/route/1023.gif"}, {"rgcode":115, "src": rscRoot + "/images/route/1023.gif"}, {"rgcode":98, "src": rscRoot + "/images/route/1025.gif"}, {"rgcode":100, "src": rscRoot + "/images/route/1025.gif"}, {"rgcode":101, "src": rscRoot + "/images/route/1028.gif"}, {"rgcode":117, "src": rscRoot + "/images/route/1029.gif"}, {"rgcode":114, "src": rscRoot + "/images/route/1026.gif"}, {"rgcode":116, "src": rscRoot + "/images/route/1026.gif"}], "rpcount" : 30, //좌표 갯수 상수 "rpiconw" :31, "rpiconh" :32, "px100Sec" :[], "py100Sec" :[], "tileBackground":rscRoot + "/images/MapPattern_img01.gif", "bankTileImageSrc": rscRoot + "/images/blank.gif" }; WSpec.Options = { "useLogo" :true, "useCopyright" :true, "useScale" :true, "useIndexmap" :true, "useLevelbar" :true //"useStatic" :true }; WSpec.indexmapSpec = { indexmapBackImage:rscRoot + "/images/indexMap/IndexMap_img.gif" , // size : (150, 170) indexmapBorderImage:rscRoot + "/images/indexMap/IndexMap_All.gif" , // size : (150, 170) indexmapOpenBtn: rscRoot + "/images/indexMap/IndexMapOpen_btn.gif", // size : (150, 170) indexmapBackImage_japan: rscRoot + "/images/indexMap_japan/IndexMap_img.gif", // size : (142, 142) indexmapBorderImage_japan: rscRoot + "/images/indexMap_Japan/IndexMap_All.gif", // size : (150, 150) indexmapOpenBtn_japan: rscRoot + "/images/indexMap_Japan/IndexMapOpen_btn.gif", // size : (19, 19) indexmapCloseBtn_japan: rscRoot + "/images/indexMap_Japan/IndexMapClose_btn.gif", // size : (19, 19) indexmapBaseWidth:150, // 4 + 142 + 4 indexmapBaseHeight:157, // 11 + 142 + 4 indexmapBaseBorder: 4, indexmapBaseWidth_japan: 150, // 4 + 142 + 4 indexmapBaseHeight_japan: 150, // 4 + 142 + 4 indexmapBaseBorder_japan: 4, indexmapPosType: 2, // 0:좌하, 1:좌상,2:우상,3:우하 기준 gapX, gapY 만큼 떨어진 좌표 계산시 사용됨 indexmapPosType_japan: 3, indexmapGapW: 10 , indexmapGapH: 10 , indexmapMinLon:44640000, //44836875, indexmapMaxLon:47520000, //47480000, //47520000, //47188125, indexmapMinLat:11880000, //11880000, indexmapMaxLat:13920000, //14043094, //14191652, //13919296, indexmapBoxColor:'#7da03a', indexmapBoxOpacity:0.3, indexmapGetPos: function(indexpos) { var pos = new WPoint(); var vw = WSpec.viewportwidth; var vh = WSpec.viewportheight; var gw = this.indexmapGapW; var gh = this.indexmapGapH; switch (indexpos) { case 0: pos.x = gw; pos.y = vh - this.indexmapBaseHeight - gh; break; case 1: pos.x = gw; pos.y = gh; break; case 2: pos.x = vw - this.indexmapBaseWidth - gw; pos.y = gh; break; case 3: pos.x = vw - this.indexmapBaseWidth - gw; pos.y = vh - this.indexmapBaseHeight - gh - 50; break; default: pos.x = vw - this.indexmapBaseWidth - gw; pos.y = gh; break; } return pos; } }; WSpec.init = function() { for(var i=0; i<12; i++) { this.px100Sec[i] = WSpec.pixelDegree(i+1) * 3600 * 100; // X , 픽셀당 백분초 계산하여 저장함.. this.py100Sec[i] = this.px100Sec[i] * this.yratio; // Y } }; WSpec.pixelDegree = function(level) { var ratio =1/2048; var pixeldegree; switch(level) { case 12:pixeldegree = ratio *32; break; case 11:pixeldegree = ratio *16; break; case 10:pixeldegree = ratio *8; break; case 9:pixeldegree = ratio *4; break; case 8:pixeldegree = ratio *2; break; case 7:pixeldegree = ratio *1; break; case 6:pixeldegree = ratio *0.5; break; case 5:pixeldegree = ratio *0.25; break; case 4:pixeldegree = ratio *0.125; break; case 3:pixeldegree = ratio *0.0625; break; case 2:pixeldegree = ratio *0.03125; break; case 1:pixeldegree = ratio *0.015625; break; } return pixeldegree; // 픽셀당 도 }; WSpec.getXTileCount = function(level) { var x256Sec = WSpec.px100Sec[level-1] * 256; var xtilecount; xtilecount = Math.ceil(this.rangelon/x256Sec); return xtilecount; }; WSpec.getYTileCount = function(level) { var y256Sec = WSpec.py100Sec[level-1] * 256; var ytilecount; ytilecount = Math.ceil(this.rangelat/y256Sec); return ytilecount; }; WSpec.stripPx = function(value) { if (value == "") return 0; return parseFloat(value.substring(0, value.length - 2)); }; WSpec.setCursorWait = function(layer) { layer.style.cursor = "wait"; }; WSpec.setCursorMove = function(layer) { layer.style.cursor = "move"; }; WSpec.setCursorHand = function(layer) { if(Prototype.Browser.IE){ layer.style.cursor = "hand"; } else { layer.style.cursor = "pointer"; } }; WSpec.setCursorNormal = function(layer) { if(Prototype.Browser.IE){ layer.style.cursor = "default"; } else { layer.style.cursor = "default"; } }; WSpec.getOffsetPoint = function (event, _obj){ //border의 10을 제외하면 정확한 값 나옴 var point = new WPoint(0,0); if(Prototype.Browser.IE) { var c = event.target||event.srcElement; while(c&&c!=_obj){ point.add(c.offsetLeft,c.offsetTop); try{ c = c.offsetParent; } catch (e){ c = _obj; } } point.add(event.offsetX,event.offsetY); } else { point.setXY(event.pageX,event.pageY); //var t = Event.element(event); var c = _obj; while(c){ point.add(-c.offsetLeft,-c.offsetTop); c = c.offsetParent; } //var borderW = (_obj.offsetWidth-_obj.clientWidth)/2 point.add(-WSpec.containerBorder, -WSpec.containerBorder); //document.all.b.value = point.x + ',' + point.y; } return point; }; WSpec.setInit = function(container) { //resize에 위치 변경해줘야 하는건..여기에 넣어야해. WSpec.rangelon = WSpec.maxlon - WSpec.minlon; // //8*3600*100, WSpec.rangelat = WSpec.maxlat - WSpec.minlat; // //6*3600*100, WSpec.viewportwidth = container.clientWidth; //windowLayer의 border값을 제외한 영역(clientWidth) / offsetWidth(border값 포함) WSpec.viewportheight = container.clientHeight; WSpec.logotop = WSpec.viewportheight - 35; WSpec.copyrightleft = WSpec.viewportwidth - WSpec.copyrightw; //-10; WSpec.copyrighttop = WSpec.viewportheight - 20; WSpec.scaleleft = WSpec.viewportwidth - WSpec.scalew - 10; WSpec.scaletop = WSpec.copyrighttop - 30; WSpec.zoomoutleft = WSpec.backleft + WSpec.zoomgapw; WSpec.zoomouttop = WSpec.backtop + WSpec.backgaph + (WSpec.pan * 3) - (WSpec.panover * 2) + WSpec.pangaph; WSpec.barleft = WSpec.backleft; WSpec.bartop = WSpec.zoomouttop + WSpec.zoom + WSpec.zoomgaph; WSpec.zoominleft = WSpec.backleft + WSpec.zoomgapw; WSpec.zoomintop = WSpec.bartop + WSpec.barh + WSpec.zoomgaph; WSpec.cutlevelpx = WSpec.levelpx * 3; //영문지도는 1,2레벨제외 + 1(레벨바 시작과 끝부분은 특별계산필요 그래서.ㅎㅎ) WSpec.stickleft = WSpec.backleft + WSpec.stickgapw; //WSpec.sticktop = WSpec.bartop + (WSpec.initlevel*WSpec.levelpx)-3-WSpec.cutlevelpx;//-7-5;//-36;//WSpec.levelbarPosition(WSpec.initlevel)-5-5; //level이 3이면 -3 하지말고 12이면 -6 보통은 -3 WSpec.zoomstart = WSpec.bartop; WSpec.zoomend = WSpec.bartop + WSpec.barh; }; WSpec.changeLevel = function(level) { //var level = 13 - level; var level = level; return level; }; WSpec.pixelToLonLat = function(level, x, y) { //var xsec = WSpec.getX256Sec(level) / 256; //var ysec = WSpec.getY256Sec(level) / 256; var xsec = WSpec.px100Sec[level-1]; var ysec = WSpec.py100Sec[level-1]; var coord = new WCoord(); // coord.lon = parseInt(this.baselon) + (parseInt(x) * xsec); // coord.lat = parseInt(this.baselat) + (parseInt(y) * ysec); coord.lon = this.baselon + (x * xsec); coord.lat = this.baselat + (y * ysec); if(coord.lon < WSpec.minlon) coord.lon = WSpec.minlon; if(coord.lat < WSpec.minlat) coord.lat = WSpec.minlat ; if(coord.lon > WSpec.maxlon) coord.lon = WSpec.maxlon ; if(coord.lat > WSpec.maxlat) coord.lat = WSpec.maxlat ; return coord; }; WSpec.coordToPixel = function(coord, level) { var xdistance; //poilon - 시작경도 var ydistance; //poilat - 시작위도 var px100Sec = WSpec.px100Sec[level - 1]; //WSpec.getX256Sec(level); var py100Sec = WSpec.py100Sec[level - 1]; //WSpec.getY256Sec(level); xdistance = coord.lon - WSpec.baselon; //poilon - 시작경도 ydistance = coord.lat - WSpec.baselat; //poilat - 시작위도 var point = new WPoint(); // point.x = Math.round(xdistance/(x256sec/256)); // point.y = Math.round(ydistance/(y256sec/256)); point.x = xdistance / px100Sec; point.y = ydistance / py100Sec; //$('Text1').value = "wspec :: level : " + level +", px100Sec : " + px100Sec + ", py100Sec : " + py100Sec + ", xdistance : " + xdistance + ", ydistance : " + ydistance; return point; }; WSpec.getBaseLayer = function(zIndex, id) { var layer = new Element('div'); layer.style.position = 'absolute'; layer.style.left = 0; layer.style.top = 0; layer.style.width = layer.style.height = 0; //layer.style.overflow = "auto"; if(id) layer.id = id; if(zIndex) layer.style.zIndex = zIndex; return layer; }; WSpec.cutTitle = function(ele, tit, twid, thei) { var offsetWid = ele.offsetWidth; var offsetHei = ele.offsetHeight; var title = tit; var twidth = twid; var theight = thei; var temp; if (offsetWid > twidth) { temp = offsetWid; while(temp > twidth) { title = title.substring(0, title.length-1); ele.innerHTML = title; temp = ele.offsetWidth; } title = title.substring(0, title.length-3)+ " ..."; ele.innerHTML = title; } else if (offsetHei > theight) { temp = offsetHei; while(temp > theight) { title = title.substring(0, title.length-1); ele.innerHTML = title; temp = ele.offsetHeight; } title = title.substring(0, title.length-3)+ " ..."; ele.innerHTML = title; } }; WSpec.setImageSrc = function(img, imgsrc) { // 타이머를 돌리기 위해 만든 함수 //img.src = WSpec.tileBackground; img.observe('error', WSpec.onImageTileLoad, false); img.src = WSpec.tileBackground; //뒷배경에 기존의 이미지 안보이도록 하기 위해서 (이렇게 먼저 세팅) WSpec.setImageSrc2.delay(0.00001, img, imgsrc); }; WSpec.setImageSrc2 = function(img, imgsrc) { // 타이머를 돌리기 위해 만든 함수 //img.style.width = 256; img.src = imgsrc; }; WSpec.onImageTileLoad = function(event) { var img = Event.element(event); img.observe('error', function() {return false;}, false); img.src = WSpec.bankTileImageSrc; }; WSpec.setLogoUrl = function(imgsrc) { //로고의 url 세팅하는 작업 WSpec.logourl = rscRoot + imgsrc; }; WSpec.purge = function(el) { var a = el.attributes, i, L, n; if (a) { L = a.length; for (i = 0; i < L; i++) { n = a[i].name; //document.all.a.value += n + ','; if (typeof el[n] === 'function') { el[n] = null; } /* if (n=='image') { // === 'img' document.all.a.value = el[n].id;//'image....';//el[n] = null; }*/ } } a = el.childNodes; if (a) { L = a.length; for (i = 0; i < L; i++) { WSpec.purge(el.childNodes[i]); } } }; WSpec.unselect = function(obj) { if(Prototype.Browser.IE){ obj.unselectable = "on"; obj.onselectstart = function() { return false; } } else{ obj.style.MozUserSelect = "none"; } }; window.WSpec = WSpec; }; _WSpec();