깊어가는 가을을 맘끽하기 위해 이번 주말은 등산 한번 어떤가요? 전국 명상 정보와 날씨 예보를 통해 즐거운 산행 계획을 세워보세요! /* 와이드 만들기 */#contents{width:100%;padding:0;}.tit_cont .btn_titview{right:4px;}.btm_team,.tit_cont,.wrap_reply,.postBtnWrap,.pictureInfo,.authorWriting,.area_lic,.top_logo,.surroundingsInfo,.replyWrap,.tag{max-width:980px;width:100%;margin-left:auto;margin-right:auto;}.box_modInfo .pictureInfo{margin:36px auto;}.btm_team.team_marg{margin:40px auto 10px;}.tit_cont{padding:0 30px 30px 15px;}.post_area{padding-right:15px;}.box_modInfo{padding:20px 15px 0;}.btm_team.team_marg,.surroundingsInfo{padding:0 15px;}.replyWrap .write{padding:0 15px;}.replyWrap .wrap_reply{padding:0 15px;}.btm_team{border-top:none;}.inr{border-top:1px solid #ccc;}.main_gnb.sub{height:unset;}.tit_cont.titleType1{display:none;}.box_txtPhoto .txt_p{margin-top:0;}.theme_con {width:100%;}sup { font-size: 0.5em; }.theme_con img {width:100%;}.con_map {width:70%; display: inline-block; padding-right: 3%;}.con_search {width:30%; display: inline-block; vertical-align: top; font-size:0;}.con_body { display: block; font-size: 0; width:100%; max-width:1280px; margin: 5% auto 5%;}.search_area {width: 85%; display: inline-block; padding: 0% 1%;}.search_area_right {width:5%; display:none;}.theme_input { text-align: left; height: 50px; position: relative; width: 100%;}.search_btn { width: 15%; display: inline-block; vertical-align: top; height: 50px; cursor:pointer;}.search_area input::placeholder { color:#009588; font-weight:700;}.search_btn img { height: 50px;}.theme_con input {font-size:initial;}.spot_list { width: 100%; font-size: 0; height: 500px; overflow-y: auto;}.spot_title { background-color: #ccc; display: inline-block; text-align: center; width: 100%;}.big_title { font-size: 2em; font-weight: 800; margin: 3% 0% 0% 2%; }.search_list_area { font-size: initial; background-color: #fff; box-shadow: 2px 2px 1px 1px #ccc; border-radius: 15px; padding: 3% 0% 3% 5%; margin: 4% 0%; border: 1px solid #ccc;}.spot_w { width: 100%; display: inline-block; vertical-align: middle;}.spot_w1 { width: 25%; display: inline-block;}.spot_w_i { width:100%;}.spot_w_i em { color: #009588; font-size:700;}.spot_w1 span { font-size: 2em; font-weight: 800; vertical-align: middle; margin-left: 7%;}.spot_w1 img {width:30%;}.spot_w2 { width: 40%; display: inline-block;}.spot_w2 span:nth-child(2){ font-size: smaller; margin-left: 5%; font-weight: 600; color: #999; vertical-align: middle;}.spot_w2 span:nth-child(3){ margin-left: 5%; font-size: larger; vertical-align: middle; font-weight: 800;}.spot_w2 img { width: 15%; vertical-align: middle; max-width:16px;}.spot_w3 { width: 30%; display: inline-block; text-align:right;}.spot_w3 img { width: 100%; max-width: 96px;}.title01 { width: 60%; display: inline-block; font-size: initial;}.title02 { display: inline-block; width: 20%; font-size: initial;}.title03 { width: 20%; display: inline-block; font-size: initial;}.spot01 { width: 50%; display: inline-block; font-size: initial; }.spot02 { width: 10%; display: inline-block; font-size: initial; text-align: center;}.spot02 button { background-color: #000; color: #fff; padding: 0% 5%;}.spot03, .spot04 { width: 20%; display: inline-block; font-size: initial; text-align:center;}.spot03 img {width:45%;}.spot_data .title02, .spot_data .title02 {text-align:center;}.dim_layer_wrap { width: 100%; position: absolute; top: 0; left: 0;}.yebo_detail { width: 90%; background-color: #fff; left: 50%; top: 50%; position: fixed; transform: translate(-50%, -50%); z-index: 100; display: inline-block; font-size: 0; border-radius: 20px; max-width:1000px; padding:2%;}.spot_area { width: 30%; display: inline-block; font-size: initial;}.yebo_area { width: 70%; display: inline-block; font-size: initial; vertical-align: top;}.d_t { width: 10%; display: inline-block; text-align: center;}.d_day_area { display: inline-block; text-align: center;}.dd { width: 5%; text-align: center; display: inline;}.table_container { position: relative; width: 100%; overflow-x: scroll; margin-top: 3%;}.yebo_table { width: 600%; position: relative; display: inline-table; text-align:center; border-bottom: 1px solid #ccc; margin-bottom: 2%;}.photo_area .swiper-pagination { position: absolute; top: 0%; text-align: left; margin-left: 3%;}.photo_dim { width: 100%; height: 300px; position: absolute; z-index: 100; background-image: linear-gradient(to bottom,transparent,rgba(0,0,0,0.7));}.photo_area .swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #9e9e9e; opacity: 1;}.photo_area .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #fff;}.photo_area .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 2px;}.customoverlay {font-size:initial;}.photo_area, .weather_area {width:90%; }.dim_layer { width: 100%; position: fixed; top: 0; left: 0; height: 100%; z-index: 1000; background-color: #000; opacity: .5;}.dim_close { position: fixed; right: 2%; z-index: 1002; background-color: #000; color: #fff; cursor: pointer;}.yebo_layer { position: relative; z-index: 1001;}.serach_spot_this { width: 100%; height: 530px; overflow-y: auto; margin-bottom: 5%; padding: 2%;}.floting_banner {position: absolute; top: 43.8%; right: 75px; width: 10%; display:block; }.customoverlay { font-size: initial; background-color: #fff; width: 150px; border-radius: 20px; display: inline-block; vertical-align: middle; padding: 3% 5%; text-align: center; margin-top: 5%;}.customoverlay img { width:20%; margin-right: 5%;}.spot_title_wrap { width: 100%; display: block; vertical-align: middle;}.spot_region { width: 49%; display: inline-block; vertical-align: middle; text-align: right; padding-right: 5%; font-weight: 700; color: #999;}.search_spot { width: 50%; display: inline-block; font-size: 2em; font-weight: 700; color: #009588; vertical-align: middle;}span.title { color: #aaa; margin-right: 5%;}.map_tmp { font-weight: 800;}.photo_style { width: 200px; height: 300px; background-size: cover; background-repeat: no-repeat; background-position: center;}.photo_title_area { position: absolute; top: 45%; color: #fff; z-index: 103; margin-left: 1%; width: 25%;}.photo_reigion { font-size: small;}.photo_big { font-size: larger; font-weight: 700; margin-top: -3%;}.photo_detail { font-size: small; margin-top: 1%; width: 100%; line-height: 1.3; word-break: break-word;}.yebo_table td img {width:50%;}.weather_area { display: block; margin-top:5%;}.weather01 { width: 100%; display: inline-block;}.weather01 img { width: 25%; max-width:60px;}.weather01 span {margin-left:2%; font-size: 2.5em; vertical-align: middle; font-weight: 900;}.weather02 { width: 50%; display: inline-block;}.weather03 { width: 48%; display: inline-block;}.pc_con {display:block;}.mo_con {display:none;}.banner_area { width: 100%; display: inline-block;}.banner_area button { display: inline-block; width: 20%;}.banner_area button > img {width:30%; margin-right: 5%;}.yebo_table tr, .yebo_table th , .yebo_table td {height:35px; border-left: 1px solid #ccc; border-right: 1px solid #ccc;}.yebo_date, .yebo_data {width:10%; height:20px !important;}.yebo_table tr:nth-child(1), .yebo_table th:nth-child(1), .yebo_table td:nth-child(1) {border-left:1px solid #fff; width: 1.5%;}.yebo_table tr:nth-last-child(1), .yebo_table th:nth-last-child(1), .yebo_table td:nth-last-child(1) {border-right:1px solid #fff;;}.yebo_table th:nth-child(1), .yebo_table td:nth-child(1) {color:#000; font-weight:900;}.yebo_time th:nth-child(1) {color: initial; font-weight: unset; }.weather02 img {width:10%; display:inline-block; vertical-align: middle;}.weather02 p {display:inline-block; vertical-align: middle; margin:0% 1%;}.weather03 img {width:10%; display:inline-block; vertical-align: middle;}.weather03 p {display:inline-block; vertical-align: middle; margin:0% 1%;}.wind td img {width:30%;}.wrap_layerpop { z-index: 10000;}.con_link { text-decoration: unset !important; position: relative; color:#fff;}.con_link::after { content: ; display: inline-block; background: url(../images/sub/icon_url.png) no-repeat 0px 0px; background-size: 90%; width: 11px; height: 12px; vertical-align: baseline; margin-left: 10px; background: url('https://cdn.visitkorea.or.kr/img/call?cmd=VIEW&id=9f2e24d1-32a2-45aa-a432-55efdde18ff7') no-repeat 0px 0px; background-size: cover;}.data_loading, .mapinfo { position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); width: 50%; z-index:10001; text-align:center;}@media screen and (max-width: 1800px) {.floting_banner {display:none;}}@media screen and (max-width: 1024px) {.con_link::after { width: 18px; height: 18px;} .pc_con {display:none;} .mo_con {display:block;} .spot_w1 span { font-size: 1.5em; } .mo_btn { width: 100%; display: inline-block; position: absolute; z-index: 100; text-align: center; margin-top: 3%;} .mo_btn img { width: 35%; display: inline-block; padding: 0% 3%;} .con_search {width: 95%; display: none; padding-top: 20%; margin: 0% auto;} .con_map {width:100%; padding-right:0%;width: 100%; padding: 0% 2.5%; margin: 0 auto;} .yebo_detail { width: 100%; background-color: unset; left: unset; top: unset; position: relative; transform: unset; z-index: 100; display: inline-block; font-size: 0; border-radius: 20px; max-width: unset; padding: 0%; background-color: #fff; } .photo_area, .weather_area { width: 100%; } .spot_area { width: 100%; } .yebo_area { width: 100%; display: none; font-size: initial; vertical-align: top; background: #fff; position: fixed; top: 0px; z-index: 1000; padding-bottom: 100%; } .banner_area {display:none;} .weather01 { width: 40%; display: inline-block; vertical-align: middle; text-align:center; } .weather01 img { width: 35%; } .weather02, .weather03 {display: block; padding:0.5% 0%; width:100%;} .mo_w_wrap { width: 30%; display: inline-block; vertical-align: middle; font-size: smaller; margin-left: 3%; } .weather_area.mo_con button{ width: 100%; display: inline-block; } .weather_area.mo_con button img{ width: 30%; padding-right: 0%; } .photo_area { margin-top:-5%; } .photo_dim { height: 600px; } .photo_style { height: 600px; } .weather_area { width: 100%; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; margin-top: 0%; background-color: #fff; position: relative; z-index: 1000; } .dim_layer {display:block;} .dim_close { position: fixed; right: 5%; top: 3%; } .arrow_down { width: 100%; display: inline-block; text-align: center; } .photo_big { font-size: 3em; font-weight: 900; display: inline-block; color: #fff; }.yebo_table { width: 1100%; position: relative; display: inline-table; text-align: center; border-bottom: 1px solid #ccc; margin-bottom: 5%;} .photo_reigion { font-size: medium; display: inline-block; width: 100%; } .yebo_table tr:nth-child(1), .yebo_table th:nth-child(1), .yebo_table td:nth-child(1) { border-left: 1px solid #fff; width: 3.5%; } .photo_area .swiper-pagination { position: absolute; top: 5%; text-align: left; margin-left: 3%; } .photo_area .swiper-pagination-bullet { width: 12px; height: 12px; } .mo_banner { width: 100%; display: inline-block; font-size: 0; position: fixed; bottom: 0; z-index: 1000; background-color: #fff; padding: 1% 0%; } .mo_banner button {width:50%; display:inline-block; font-size: initial;} .mo_banner button > img {width:30%; padding-right: 5%;} .mo_w_wrap2 { width: 20%; display: inline-block; vertical-align: middle; font-size: 0.2em; margin-left: 3%; text-align: center; } .photo_title_area { position: absolute; top: 20%; color: #fff; z-index: 103; margin-left: 1%; width: 90%; bottom: unset; left: 3%; display: block; text-align: right; } .mo_titlearea.mo_con { margin-top: 20%; margin-left: 5%; display: inline-block; width: 100%; } .mo_titlearea .photo_big { font-size: 2.5em; font-weight: 900; display: inline-block; color: #000; } .mo_titlearea .photo_reigion { font-size: medium; display: inline; margin-left: 3%; } .yebo_table td, .yebo_table th {height:45px;} .table_container { overflow-x: scroll; } .t_l { text-align: left; padding-left: 10px; } .data_loading { width: 70%; } .mapinfo{display:none;} .yebo_layer { background-color: #fff; } .arrow_down {font-size:0.8em; padding-bottom: 3%;} .arrow_down img {width:100% !important; max-width:20px;} .arrow_down button { width: 40% !important; text-align: center; border-radius: 20px; padding: 1%; margin: 0% 2%; border: 1px solid #eee; }} .floting_banner{display:none;} var wheatherData = []; var markers = []; var customOverlays = []; var baseDate, baseTime, baseDate2, baseDate3, baseDate4, baseDate5, baseDate6 = ; var spotWeather = []; var photoData = []; var hours; var imgPath = https://cdn.visitkorea.or.kr/img/call?cmd=VIEW&id=; var nowWeather = []; function mapload() { var mapContainer = document.getElementById('map'),/* 지도를 표시할 div */ mapOption = { center: new kakao.maps.LatLng(37.25810, 127.7141),/* 지도의 중심좌표 */ level: 13 /* 지도 레벨 */ }; /* 지도 생성 */ var map = new kakao.maps.Map(mapContainer, mapOption); var imageSrc = 'https://cdn.visitkorea.or.kr/img/call?cmd=VIEW&id=3012cbaf-54a1-4a5a-bb36-16184b6f6c26',/* 마커이미지의 주소입니다 */ imageSize = new kakao.maps.Size(61, 87),/* 마커이미지의 크기입니다 */ imageOption = {offset: new kakao.maps.Point(27, 69)}; /* 마커이미지의 옵션입니다. 마커의 좌표와 일치시킬 이미지 안에서의 좌표를 설정합니다. */ /* 마커 클러스터러를 생성합니다 */ var clusterer = new kakao.maps.MarkerClusterer({ map: map,/* 마커들을 클러스터로 관리하고 표시할 지도 객체 */ averageCenter: true,/* 클러스터에 포함된 마커들의 평균 위치를 클러스터 마커 위치로 설정 */ minLevel: 10,/* 클러스터 할 최소 지도 레벨 */ gridSize: 70, }); var mapTypeControl = new kakao.maps.MapTypeControl(); /*지도에 컨트롤을 추가해야 지도위에 표시됩니다 // kakao.maps.ControlPosition은 컨트롤이 표시될 위치를 정의하는데 TOPRIGHT는 오른쪽 위를 의미합니다 */ map.addControl(mapTypeControl, kakao.maps.ControlPosition.BOTTOMLEFT); /* 지도 확대 축소를 제어할 수 있는 줌 컨트롤을 생성합니다 */ var zoomControl = new kakao.maps.ZoomControl(); map.addControl(zoomControl, kakao.maps.ControlPosition.BOTTOMRIGHT); for (var i = 0; i = 6 && hours ' + ' ' + ' ' + data[i][8] + ' ' + nowTMP + ' °C ' + ' ' + ' '; var position = new kakao.maps.LatLng(data[i][6], data[i][5]); var customOverlay = new kakao.maps.CustomOverlay({map: map,position: position,content: content,yAnchor: -0.5}); customOverlays.push(customOverlay); kakao.maps.event.addListener(marker, 'click', function() { goLayer(markerKey); }); /* 클러스터러에 마커들을 추가합니다 */ clusterer.setMinClusterSize(1); clusterer.addMarkers(markers); } hideOverlayList(); hideMarker(); mapInfo(); } kakao.maps.event.addListener(map, 'zoom_changed', function(e) { const level = map.getLevel(); if (level = 06 && hours ' + sky); switch (sky) { case 1:$(this).attr(src, imgPath + 8736b532-2408-47ca-abfd-093653e06984);break; case 3:$(this).attr(src, imgPath + bda45df9-a05b-4a3a-9094-7fdda3230df3);break; case 4:$(this).attr(src, imgPath + 8ae8a3a7-df87-457f-8792-aa3bc8919210);break; } } else { switch (sky) { case 1:$(this).attr(src, imgPath + 11570250-8f5e-4d4b-ad69-fc6597b834f0);break; case 3:$(this).attr(src, imgPath + 277d4a72-3b05-4ea2-b07c-66092a17ad3d);break; case 4:$(this).attr(src, imgPath + 8ae8a3a7-df87-457f-8792-aa3bc8919210);break;} } } else { $(this).attr(src, imgPath + 72a7cdb6-f2bc-44c2-aeff-65b2c930051e); } } else { $(this).attr(src, imgPath + b55aefab-9cc9-4d8d-a709-5ab34cefa25e); /* 눈 내림 */ } }); } function hideMarker() {for (let i = 0; i ' + fetchURL); fetch(fetchURL, { }).then((response) => response.json()).then((data) => { spotWeather = data.data.forecasts; spotWeather.map(e => e.categories[3].forecastValue = Number(e.categories[3].forecastValue)); potWeather.map(e => e.categories[1].forecastValue = Number(e.categories[1].forecastValue)); spotWeather.map(e => e.categories[2].forecastValue = Number(e.categories[2].forecastValue)); spotWeather.map(e => e.categories[5].forecastValue = Number(e.categories[5].forecastValue)); console.log('baseTime>>>>>>>' + baseTime); nowWeather.push(spotWeather[0]); var cateArray = ['PCP', 'POP', 'REH', 'SKY', 'TMP', 'VEC', 'WSD', 'STA', 'SNO']; var cateData = []; for (var i = 0; i e.category === catenm) != undefined) { cateData[catenm] = nowWeather[0].categories.find(e => e.category === catenm).forecastValue; } else { cateData[catenm] = ; } } console.log(cateData); makeDetail(cateData, e); }).catch(() => {}); } function makeDetail(cateData, e) { /* 받은 값은 산번호, 배열의 index를 찾아서 업뎃 해준다 */ for (var i = 0; i = 06 && hours e.forecastDate === baseDate)); DD2.push(spotWeather.filter(e => e.forecastDate === baseDate2)); DD3.push(spotWeather.filter(e => e.forecastDate === baseDate3)); /* DD4.push(spotWeather.filter(e => e.forecastDate===baseDate4)); */ var DD1_cnt = DD1[0].length; var DD2_cnt = DD2[0].length; var DD3_cnt = DD3[0].length; /* var DD4_cnt = DD4[0].length; */ var DD1_word = baseDate.substr(4, 2) + 월 + baseDate.substr(6, 2) + 일; var DD2_word = baseDate2.substr(4, 2) + 월 + baseDate2.substr(6, 2) + 일; var DD3_word = baseDate3.substr(4, 2) + 월 + baseDate3.substr(6, 2) + 일; /* var DD4_word = baseDate4.substr(4, 2)+월+ baseDate4.substr(6, 2)+일; */ /* 레이어 만들기 */ var DetailHtml = ;DetailHtml += ' '; DetailHtml += ' '; DetailHtml += ''; DetailHtml += ' '; DetailHtml += ' '; DetailHtml += ' '; DetailHtml += ' ' + cateData.TMP + ' °C '; DetailHtml += ' '; DetailHtml += ' '; DetailHtml += ' '; console.log(선택된 값은==> + cateData.SNO); if (cateData.SNO == 적설없음) { DetailHtml += ' '; DetailHtml += ' 강수확률 '; DetailHtml += ' ' + cateData.POP + '% '; } else { DetailHtml += ' '; DetailHtml += ' 적설량 '; DetailHtml += ' ' + cateData.SNO + ' '; } DetailHtml += ' '; DetailHtml += ' '; DetailHtml += ' '; if (data[e][12] != ) { DetailHtml += ' 실시간 영상 '; } DetailHtml += ' '; DetailHtml += ' ' + data[e][1] + ' 의 날씨 정보입니다. (기상청 제공) '; DetailHtml += ' '; DetailHtml += ' 주요 명산 리스트 '; DetailHtml += ' 3일간 일기 예보 '; DetailHtml += ' '; DetailHtml += ' '; DetailHtml += ''; DetailHtml += ''; DetailHtml += ' '; DetailHtml += ''; DetailHtml += ' '; DetailHtml += ' '; DetailHtml += ' '; var photonum = photoData.length; if (photonum >= 3) { photonum = 3; } for (var i = 0; i '; } DetailHtml += ' '; DetailHtml += ' '; DetailHtml += ' '; DetailHtml += ''; DetailHtml += ' '; DetailHtml += ' ' + data[e][3] + ' ' + data[e][4] + ' '; DetailHtml += ' ' + data[e][8] + ' '; DetailHtml += ' ' + data[e][11] + ' '; DetailHtml += ' '; DetailHtml += ''; DetailHtml += ' '; DetailHtml += ' '; DetailHtml += ' 공유하기 '; DetailHtml += ' 즐겨찾기 '; DetailHtml += ' '; DetailHtml += ''; DetailHtml += ' '; DetailHtml += ' '; DetailHtml += ' '; DetailHtml += ' ' + cateData.TMP + ' °C '; DetailHtml += ' '; DetailHtml += ' '; if (cateData.SNO == 적설없음) { DetailHtml += ' '; DetailHtml += ' 강수확률 '; DetailHtml += ' ' + cateData.POP + '% '; } else { DetailHtml += ' '; DetailHtml += ' 적설량 '; DetailHtml += ' ' + cateData.SNO + ' '; } DetailHtml += ' '; DetailHtml += ' ' + data[e][1] + ' 의 날씨 정보입니다. (기상청 제공) '; DetailHtml += ' '; DetailHtml += ''; DetailHtml += ''; DetailHtml += ' '; DetailHtml += ''; DetailHtml += ' '; DetailHtml += ' '; DetailHtml += ' '; DetailHtml += ' 공유하기 '; DetailHtml += ' 즐겨찾기 '; if (data[e][12] != ) { DetailHtml += ' 실시간 영상 '; } DetailHtml += ' '; DetailHtml += ' '; DetailHtml += ' ' + data[e][8] + ' '; DetailHtml += ' ' + data[e][3] + ' ' + data[e][4] + ' '; DetailHtml += ' '; DetailHtml += ' '; DetailHtml += ' '; DetailHtml += ' '; DetailHtml += ' '; DetailHtml += ' 구분 '; DetailHtml += ' ' + DD1_word + ' '; DetailHtml += ' ' + DD2_word + ' '; DetailHtml += ' ' + DD3_word + ' '; /* DetailHtml +=' '+DD4_word+' '; */ DetailHtml += ' '; DetailHtml += ' '; for (var a = 0; a ' + DD1[0][a].forecastTime.substr(0, 2) + '시 '; } for (var b = 0; b ' + DD2[0][b].forecastTime.substr(0, 2) + '시 '; } for (var c = 0; c ' + DD3[0][c].forecastTime.substr(0, 2) + '시 '; } /*for (var d=0; d '+DD4[0][d].forecastTime.substr(0,2)+'시 ';}*/ DetailHtml += ' '; DetailHtml += ' '; DetailHtml += ' 현재날씨 '; for (var a = 0; a e.category === SNO).forecastValue == 적설없음) { if (DD1[0][a].categories.find(e => e.category === PCP).forecastValue == 강수없음) { if (DD1[0][a].forecastTime.substr(0, 2) >= 06 && DD1[0][a].forecastTime.substr(0, 2) e.category === SKY).forecastValue) { case 1: nowSky = imgPath + 8736b532-2408-47ca-abfd-093653e06984; break; case 3: nowSky = imgPath + bda45df9-a05b-4a3a-9094-7fdda3230df3; break; case 4: nowSky = imgPath + 8ae8a3a7-df87-457f-8792-aa3bc8919210; break; } } else { switch (DD1[0][a].categories.find(e => e.category === SKY).forecastValue) { case 1: nowSky = imgPath + 11570250-8f5e-4d4b-ad69-fc6597b834f0; break; case 3: nowSky = imgPath + 277d4a72-3b05-4ea2-b07c-66092a17ad3d; break; case 4: nowSky = imgPath + 8ae8a3a7-df87-457f-8792-aa3bc8919210; break; } } } else { nowSky = imgPath + 72a7cdb6-f2bc-44c2-aeff-65b2c930051e; } } else { nowSky = imgPath + b55aefab-9cc9-4d8d-a709-5ab34cefa25e; } DetailHtml += ' ' + Number(DD1[0][a].categories.find(e => e.category === TMP).forecastValue) + ' °C '; } for (var b = 0; b e.category === SNO).forecastValue == 적설없음) { if (DD2[0][b].categories.find(e => e.category === PCP).forecastValue == 강수없음) { if (DD2[0][b].forecastTime.substr(0, 2) >= 06 && DD2[0][b].forecastTime.substr(0, 2) e.category === SKY).forecastValue) { case 1: nowSky = imgPath + 8736b532-2408-47ca-abfd-093653e06984; break; case 3: nowSky = imgPath + bda45df9-a05b-4a3a-9094-7fdda3230df3; break; case 4: nowSky = imgPath + 8ae8a3a7-df87-457f-8792-aa3bc8919210; break; } } else { switch (DD2[0][b].categories.find(e => e.category === SKY).forecastValue) { case 1: nowSky = imgPath + 11570250-8f5e-4d4b-ad69-fc6597b834f0; break; case 3: nowSky = imgPath + 277d4a72-3b05-4ea2-b07c-66092a17ad3d; break; case 4: nowSky = imgPath + 8ae8a3a7-df87-457f-8792-aa3bc8919210; break; } } } else { nowSky = imgPath + 72a7cdb6-f2bc-44c2-aeff-65b2c930051e; } } else { nowSky = imgPath + b55aefab-9cc9-4d8d-a709-5ab34cefa25e; } DetailHtml += ' ' + Number(DD2[0][b].categories.find(e => e.category === TMP).forecastValue) + ' °C '; } for (var c = 0; c e.category === SNO).forecastValue == 적설없음) { if (DD3[0][c].categories.find(e => e.category === PCP).forecastValue == 강수없음) { if (DD3[0][c].forecastTime.substr(0, 2) >= 06 && DD3[0][c].forecastTime.substr(0, 2) e.category === SKY).forecastValue) { case 1: nowSky = imgPath + 8736b532-2408-47ca-abfd-093653e06984; break; case 3: nowSky = imgPath + bda45df9-a05b-4a3a-9094-7fdda3230df3; break; case 4: nowSky = imgPath + 8ae8a3a7-df87-457f-8792-aa3bc8919210; break; } } else { switch (DD3[0][c].categories.find(e => e.category === SKY).forecastValue) { case 1: nowSky = imgPath + 11570250-8f5e-4d4b-ad69-fc6597b834f0; break; case 3: nowSky = imgPath + 277d4a72-3b05-4ea2-b07c-66092a17ad3d; break; case 4: nowSky = imgPath + 8ae8a3a7-df87-457f-8792-aa3bc8919210; break; } } } else { nowSky = imgPath + 72a7cdb6-f2bc-44c2-aeff-65b2c930051e; } } else { nowSky = imgPath + b55aefab-9cc9-4d8d-a709-5ab34cefa25e; } DetailHtml += ' ' + Number(DD3[0][c].categories.find(e => e.category === TMP).forecastValue) + ' °C '; } DetailHtml += ' '; DetailHtml += ' '; DetailHtml += ' 강수확률 /(적설량) '; for (var a = 0; a e.category === SNO).forecastValue == 적설없음) { if (DD1[0][a].categories.find(e => e.category === POP) != undefined) { STA_value = DD1[0][a].categories.find(e => e.category === POP).forecastValue; } else { STA_value = -; } DetailHtml += ' ' + STA_value + '% '; } else { DetailHtml += ' ' + DD1[0][a].categories.find(e => e.category === SNO).forecastValue + ' '; } } for (var b = 0; b e.category === SNO).forecastValue == 적설없음) { if (DD2[0][b].categories.find(e => e.category === POP) != undefined) { STA_value = DD2[0][b].categories.find(e => e.category === POP).forecastValue; } else { STA_value = -; } DetailHtml += ' ' + STA_value + '% '; } else { DetailHtml += ' ' + DD2[0][b].categories.find(e => e.category === SNO).forecastValue + ' '; } } for (var c = 0; c e.category === SNO).forecastValue == 적설없음) { if (DD3[0][c].categories.find(e => e.category === POP) != undefined) { STA_value = DD3[0][c].categories.find(e => e.category === POP).forecastValue; } else { STA_value = -; } DetailHtml += ' ' + STA_value + '% '; } else { DetailHtml += ' ' + DD3[0][c].categories.find(e => e.category === SNO).forecastValue + ' '; } } DetailHtml += ' '; DetailHtml += ' '; DetailHtml += ' 풍향 '; for (var a = 0; a e.category === VEC) != undefined) { STA_value = DD1[0][a].categories.find(e => e.category === VEC).forecastValue; } else { STA_value = 0; } DetailHtml += ' '; } for (var b = 0; b e.category === VEC) != undefined) { STA_value = DD2[0][b].categories.find(e => e.category === VEC).forecastValue; } else { STA_value = 0; } DetailHtml += ' '; } for (var c = 0; c e.category === VEC) != undefined) { STA_value = DD3[0][c].categories.find(e => e.category === VEC).forecastValue; } else { STA_value = 0; } DetailHtml += ' '; } DetailHtml += ' '; DetailHtml += ' '; DetailHtml += ' 풍속 '; for (var a = 0; a e.category === WSD) != undefined) { STA_value = DD1[0][a].categories.find(e => e.category === WSD).forecastValue; } else { STA_value = -; } DetailHtml += ' ' + STA_value + 'm/s '; } for (var b = 0; b e.category === WSD) != undefined) { STA_value = DD2[0][b].categories.find(e => e.category === WSD).forecastValue; } else { STA_value = -; } DetailHtml += ' ' + STA_value + 'm/s '; } for (var c = 0; c e.category === WSD) != undefined) { STA_value = DD3[0][c].categories.find(e => e.category === WSD).forecastValue; } else { STA_value = -; } DetailHtml += ' ' + STA_value + 'm/s '; } DetailHtml += ' '; DetailHtml += ' '; DetailHtml += ' 습도 '; for (var a = 0; a e.category === REH) != undefined) { STA_value = DD1[0][a].categories.find(e => e.category === REH).forecastValue; } else { STA_value = -; } DetailHtml += ' ' + STA_value + '% '; } for (var b = 0; b e.category === REH) != undefined) { STA_value = DD2[0][b].categories.find(e => e.category === REH).forecastValue; } else { STA_value = -; } DetailHtml += ' ' + STA_value + '% '; } for (var c = 0; c e.category === REH) != undefined) { STA_value = DD3[0][c].categories.find(e => e.category === REH).forecastValue; } else { STA_value = -; } DetailHtml += ' ' + STA_value + '% '; } DetailHtml += ' '; DetailHtml += ' '; DetailHtml += ' '; DetailHtml += ' '; DetailHtml += ' '; $('.yebo_layer').append(DetailHtml); ThemeSwiper(); /* 모바일의 경우 세로 값을 폰에 맞춰 고정해 준다 */ if ($(document).width() ' + hours); } else { hours = date.getHours(); } baseDate = year + month + day; baseDate2 = year + month + day2; baseDate3 = year + month + day3; baseDate4 = year + month + day4; baseDate5 = year + month + day5; baseDate6 = year + month + day6; baseTime = hours + '00'; if (hours == '24') { baseDate = baseDate2; baseDate2 = baseDate3; baseDate3 = baseDate4; baseDate4 = baseDate5; baseDate5 = baseDate6; baseDate6 = baseDate6; baseTime = '0000'; } } function openShareNEW(e) { if (typeof FB == 'undefined') { window.fbAsyncInit = function() { FB.init({ appId: facebookappid, xfbml: true, version: 'v3.0' }); }; (function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = 'https://connect.facebook.net/ko_KR/sdk.js'; fjs.parentNode.insertBefore(js, fjs); } (document, 'script', 'facebook-jssdk')); } let title = '함께 산에 갈까요? 날씨예보도 함께 확인해 보세요!'; title = title.replace('>', 'rpgt').replace('|', 'rpvevr'); var themeURL = mainurl + '/sns/snsShare.jsp?cotid=' + sContentId + '&contenttype=' + sContentType + '&title=' + title.replace(/%/g, '%25') + '&img=' + sContentImg + '&mtNo=' + e; getShuturl(themeURL); } function goVideo(e) { alert('휴대폰으로 실시간 영상(\'국립공원 CCTV\')을 보실 경우 \'가로로 보기\'로 이용해 주세요'); location.href = e; } function shuffle(array) { array.sort(() => Math.random() - 0.5); } $('#search_keyword').keyup(function() { var k = $('#search_keyword').val(); makeList(k); }); $(document).on('click', '.search_btn', function() { var k = $('#search_keyword').val(); makeList(k); }); var nowPCP = ;/* 강수 여부 */ var nowSKY = ;/*하늘 상태*/ var nowTMP = ; /* 기온 */ var nowPOP = ; /* 기온 */ var nowSNO = ; /* 눈내림 여부 */ function makeList(k) { console.log('키워드는 ' + k); var con_list = ; $('.search_list_area').remove(); console.log('리스트 만들기'); if (k == undefined || k == ) { for (var i = 0; i e.category === PCP).forecastValue; nowSKY = data[i][13].forecasts.find(e => e.category === SKY).forecastValue; nowTMP = data[i][13].forecasts.find(e => e.category === TMP).forecastValue; nowPOP = data[i][13].forecasts.find(e => e.category === POP).forecastValue; nowSNO = data[i][13].forecasts.find(e => e.category === SNO).forecastValue; if (data[i][7] == 1) { con_list += ' '; con_list += ' '; con_list += ' ' + data[i][8] + ' '; con_list += ' ' + data[i][3] + ' ' + data[i][4] + ' '; con_list += ' '; con_list += ' '; con_list += ' ' + nowTMP + ' °C '; con_list += ' 강수확률 ' + nowPOP + '% '; con_list += ' '; con_list += ' '; con_list += ' '; con_list += ' ' + data[i][1] + ' 의 날씨 정보입니다. (기상청 제공) '; con_list += ' '; con_list += ' '; } } } else { for (var i = 0; i e.category === PCP).forecastValue; nowSKY = data[i][13].forecasts.find(e => e.category === SKY).forecastValue; nowTMP = data[i][13].forecasts.find(e => e.category === TMP).forecastValue; nowPOP = data[i][13].forecasts.find(e => e.category === POP).forecastValue; nowSNO = data[i][13].forecasts.find(e => e.category === SNO).forecastValue; if ((data[i][8].indexOf(k) > -1 && data[i][7] == 1) || (data[i][3].indexOf(k) > -1 && data[i][7] == 1) || (data[i][4].indexOf(k) > -1 && data[i][7] == 1)) { con_list += ' '; con_list += ' '; con_list += ' ' + data[i][8] + ' '; con_list += ' ' + data[i][3] + ' ' + data[i][4] + ' '; con_list += ' '; con_list += ' '; con_list += ' ' + nowTMP + ' °C '; con_list += ' 강수확률 ' + nowPOP + '% '; con_list += ' '; con_list += ' '; con_list += ' '; con_list += ' ' + data[i][1] + ' 의 날씨 정보입니다. (기상청 제공) '; con_list += ' '; con_list += ' '; } } } $('.serach_spot_this').append(con_list); $('.spot_w1 img').each(function(index, item) { var pcp = $(this).data(pcp); var sky = $(this).data(sky); var sno = $(this).data(sno); if (sno == 적설없음) { if (pcp == 강수없음) { if (hours >= 06 && hours ' + fetchURL); fetch(fetchURL, {}) .then((response) => response.json()) .then((data) => { totalWeahter = data.data; /* 정수형으로 변환 */ totalWeahter.map(e=> e.forecasts[3] ? e.forecasts[3].forecastValue = Number(e.forecasts[3].forecastValue) : 0); totalWeahter.map(e=> e.forecasts[5] ? e.forecasts[5].forecastValue = Number(e.forecasts[5].forecastValue) : 0); totalWeahter.map(e=> e.forecasts[1] ? e.forecasts[1].forecastValue = Number(e.forecasts[1].forecastValue) : 0); pushData2(); }).catch(() => { }); } function pushData2() { for (var i = 0; i