/* 와이드로 만들기 */ #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; } .tab_btn { cursor: pointer; } .btn_topWrap .inner, .main_quick .inr { display: none; } @media screen and (max-width: 1023px) { .curation_area { MARGIN: UNSET; } } /* 와이드 끝 */ .theme_header { width: 100%; } .theme_header img { width: 100%; } .theme_mo { display: none; } .theme_body { width: 68.5%; margin: auto; } .tabpage .theme_pc img { width: 100%; } .theme_tab { margin: 5% 0 2%; } .tab_btn { display: inline-block; width: 31%; margin: 1%; } .tab_btn img { width: 100%; } .tabpage { width: 100%; } .section_title_pc { margin-top: 3%; } .theme_info img { width: 100%; } .theme_con { width: 100%; margin-bottom: 3%; } .theme_con > img { width: 100%; } .theme_info { margin-top: 4%; } .theme_footer > img { width: 100%; } .tab_mo { display: none; } @media screen and (max-width: 1023px) { .box_txtPhoto .txt_p { overflow: hidden; } .theme_pc { display: none; } .theme_mo { display: inline-block; width: 100%; } .tabpage .theme_mo img { width: 100%; margin-bottom: 3%; } .theme_body { width: 95%; } .theme_body img { width: 100%; } .tab_btn2 { display: inline-block; width: 30%; margin: 1%; text-align: center; } } $(document).ready(function () { $('#tab01,#tab1,.page01').addClass('active_tab'); $('.page02,.page03').hide(); $('#tab01,#tab1').click(function () { $('#tab01,#tab1,.page01').addClass('active_tab'); $('#tab02,#tab2,.page02').removeClass('active_tab'); $('#tab03,#tab3,.page03').removeClass('active_tab'); $('.page01').show(); $('.page02,.page03').hide(); $('img[usemap]').rwdImageMaps(); }); $('#tab02,#tab2').click(function () { $('#tab02,#tab2,.page02').addClass('active_tab'); $('#tab03,#tab3,.page03').removeClass('active_tab'); $('#tab01,#tab1,.page01').removeClass('active_tab'); $('.page02').show(); $('.page01,.page03').hide(); $('img[usemap]').rwdImageMaps(); }); $('#tab03,#tab3').click(function () { $('#tab03,#tab3,.page03').addClass('active_tab'); $('#tab01,#tab1,.page01').removeClass('active_tab'); $('#tab02,#tab2,.page02').removeClass('active_tab'); $('.page03').show(); $('.page01,.page02').hide(); $('img[usemap]').rwdImageMaps(); }); }); .active_tab .tab_on { border: 4px solid #fff7bd; box-shadow: 3px 3px 10px #777575; } .tabpage.active_tab { display: block; } .download_button { position: fixed; right: 0; bottom: 20%; z-index: 100; } .map_down_btn { width: 70%; } @media screen and (max-width: 1023px) { .download_button { position: fixed; right: -20%; bottom: 8%; } .map_down_btn { width: 50%; } } function goLink(no) { var i = no; switch (i) { case 1: location.href = 'https://korean.visitkorea.or.kr/detail/ms_detail.do?cotid=c0268ae0-1e01-436d-a4a0-ffef37f32fce'; break; /*양평 국립산음자연휴양림*/ case 2: location.href = 'https://korean.visitkorea.or.kr/detail/ms_detail.do?cotid=ef1fa608-3d5f-4db3-996d-4d6ddae133da'; break; /*영양 국립검마산 자연휴양림*/ case 3: location.href = 'https://korean.visitkorea.or.kr/detail/ms_detail.do?cotid=b617fb58-27d0-4976-a815-04d7d3a5bcde'; break; /*장흥 국립천관산자연휴양림*/ case 4: location.href = 'https://www.foresttrip.go.kr/indvz/main.do?hmpgId=0116'; break; /*화천 국립화천숲속야영장*/ case 5: location.href = 'https://www.usc.go.kr/petworld/main.tc'; break; /*의성 펫월드*/ case 6: location.href = 'http://dforest.co.kr/'; break; /*춘천 강아지숲*/ case 7: location.href = 'https://blog.naver.com/yeonsulife/222158318966'; break; /*인천 도그파크*/ case 8: location.href = 'https://blog.naver.com/gnfeel/222052675914'; break; /*창원 펫빌리지*/ case 9: location.href = 'https://korean.visitkorea.or.kr/detail/ms_detail.do?cotid=5cc758d0-65c0-47e8-8df3-97ed710cd677'; break; /*덕평자연휴게소 달려라코코*/ case 10: location.href = 'https://korean.visitkorea.or.kr/detail/ms_detail.do?cotid=44d1db26-0344-47cb-acbd-0fa0ecbfe004'; break; /*오수휴게소 펫테마파크*/ case 11: location.href = 'http://naver.me/xZDkRbJk'; break; /*죽암휴게소 멍멍파크*/ case 12: location.href = 'http://naver.me/FFveKBMr'; break; /*가평휴게소 가평애견파크*/ case 13: location.href = 'https://blog.naver.com/koreatrails/221922312503'; break; /*인천 강화나들길 19코스 석모도 상주해안길*/ case 14: location.href = 'https://korean.visitkorea.or.kr/detail/rem_detail.do?cotid=30c806bf-89f4-4827-9372-233a330cd178&con_type=10300'; break; /*고정리 공룡알 화석산지 탐방로*/ case 15: location.href = 'https://korean.visitkorea.or.kr/detail/rem_detail.do?cotid=3ac72d8d-7e05-44d3-aad3-2fa122fab00a&con_type=10300'; break; /*강릉 바우길 01코스 선자령 풍차길*/ case 16: location.href = 'https://korean.visitkorea.or.kr/detail/rem_detail.do?cotid=6129af9e-2559-4870-a1cc-4f4bb28fc995&con_type=10300'; break; /*포천 한탄강 주상절리길 01코스 구라이길*/ case 17: location.href = 'https://korean.visitkorea.or.kr/detail/ms_detail.do?cotid=ba0472f4-7e8e-47ea-bb52-d9b271fbb770'; break; /*경주역사유적지구*/ case 18: location.href = 'https://korean.visitkorea.or.kr/detail/ms_detail.do?cotid=a241a148-3947-4b3b-a901-ef79bcf7eee7'; break; /*황리단길*/ case 19: location.href = 'https://korean.visitkorea.or.kr/detail/ms_detail.do?cotid=9acbd5d3-91c6-40c3-b148-62b15dce9687'; break; /*경주세계문화엑스포공원*/ case 20: location.href = 'https://korean.visitkorea.or.kr/detail/ms_detail.do?cotid=2b06d67c-7ac1-4898-b18b-14f962609a70'; break; /*월정리해변*/ case 21: location.href = 'http://www.jejurailpark.com/m/index.php'; break; /*제주레일바이크*/ case 22: location.href = 'https://korean.visitkorea.or.kr/detail/ms_detail.do?cotid=b1469bd7-30b6-4e98-89cd-15bfd0087d54'; break; /*녹차미로공원*/ case 23: location.href = 'https://korean.visitkorea.or.kr/detail/ms_detail.do?cotid=fa311cdf-71af-4e4d-b508-47277889ac8c'; break; /*양양 멍비치*/ case 24: location.href = 'https://korean.visitkorea.or.kr/detail/ms_detail.do?cotid=98af05fe-90f1-44ec-8505-65eea292533f'; break; /*양주 해세의 정원*/ case 25: location.href = 'https://www.instagram.com/dogbay_songchu/'; break; /*양주 도그베이*/ case 26: location.href = 'https://korean.visitkorea.or.kr/detail/ms_detail.do?cotid=52d508d8-a116-41df-9d97-1dace4b4b65f'; break; /*김해 개리비안비치*/ case 27: location.href = 'https://korean.visitkorea.or.kr/detail/ms_detail.do?cotid=9fb848e6-a4ce-4df5-ad1e-763b6775066c'; break; /*양양 복골온천*/ case 28: location.href = 'https://www.makeus.net/42734'; break; /*동두천 피크닉댕댕*/ case 29: location.href = 'https://korean.visitkorea.or.kr/detail/ms_detail.do?cotid=22f9a6ef-395f-48ce-b2c3-b385dd460465'; break; /*춘천 물레길*/ case 30: location.href = 'http://www.ziptrek.co.kr/'; break; /*보령 짚트랙코리아*/ case 31: location.href = 'https://korean.visitkorea.or.kr/detail/ms_detail.do?cotid=1c0cfc73-53c2-4b5a-843c-672d564e728c'; break; /*여의도 IFC몰 */ case 32: location.href = 'https://korean.visitkorea.or.kr/detail/ms_detail.do?cotid=330e1b7f-aa6a-4484-8f2b-9e811eb991c4'; break; /*스타필드 하남*/ case 33: location.href = 'https://korean.visitkorea.or.kr/detail/ms_detail.do?cotid=f765e43d-4387-497d-9c6f-8c2ae0f8682f'; break; /*롯데프리미엄아울렛 기흥 */ case 34: location.href = 'http://www.ehyundai.com/newPortal/outlet/DP/DP000000_V.do?branchCd=B00178000'; break; /*남양주 현대프리미엄아울렛 스페이스원 */ case 35: location.href = 'https://korean.visitkorea.or.kr/detail/ms_detail.do?cotid=279e769c-0904-43ad-bd85-67b73da423a6'; break; /*서울 호텔 카푸치노*/ case 36: location.href = 'https://korean.visitkorea.or.kr/detail/ms_detail.do?cotid=39839196-a9f5-40a4-a921-76ad3e669a31'; break; /*고양 소노캄 고양*/ case 37: location.href = 'https://korean.visitkorea.or.kr/detail/ms_detail.do?cotid=6d6aceb6-cad7-4287-9252-a2ac5156b5f4'; break; /*강릉 세인트존스호텔*/ case 38: location.href = 'https://korean.visitkorea.or.kr/detail/ms_detail.do?cotid=fd22ba32-7b5f-46f9-9384-359060c1bcb8'; break; /*대구 노보텔 엠배서더 */ case 39: location.href = 'http://goldpetresort.net/'; break; /*용인 골드펫리조트*/ case 40: location.href = 'https://ymparade.kr/kor/index.do'; break; /*부산 영무파라드호텔*/ case 41: location.href = 'https://korean.visitkorea.or.kr/detail/ms_detail.do?cotid=2f019495-8b42-4ece-8ec4-dccacbbe5dec'; break; /*태안 그람피하우스*/ case 42: location.href = 'https://korean.visitkorea.or.kr/detail/ms_detail.do?cotid=845bf08e-e077-4ff8-8a1b-e4c17abb44df'; break; /*경주 초심산방*/ case 43: location.href = 'https://korean.visitkorea.or.kr/detail/ms_detail.do?cotid=585dca18-6fd0-4ce1-9b82-54f4126e65ad'; break; /*해남 해마루힐링숲*/ case 44: location.href = 'https://korean.visitkorea.or.kr/detail/ms_detail.do?cotid=31901ef9-c04c-414d-a937-29b2f12876af'; break; /*제주 에코스위츠*/ case 45: location.href = 'https://www.gocamping.or.kr/bsite/camp/info/read.do?c_no=964'; break; /*연천 랩도그빌 애견캠핑장*/ case 46: location.href = 'https://www.gocamping.or.kr/bsite/camp/info/read.do?c_no=451'; break; /*양주 글램핑코리아 애견캠핑장*/ case 47: location.href = 'https://www.gocamping.or.kr/bsite/camp/info/read.do?c_no=3473'; break; /*남양주 햇살가득캠핑장*/ case 48: location.href = 'https://www.gocamping.or.kr/bsite/camp/info/read.do?c_no=7798'; break; /*괴산 루파니애견캠핑장*/ case 49: location.href = 'https://www.gocamping.or.kr/bsite/camp/info/read.do?c_no=2303'; break; /*임실 오수애견캠핑장*/ case 50: location.href = 'https://korean.visitkorea.or.kr/detail/ms_detail.do?cotid=86d59e0b-85ae-4543-94f8-1cbce91a585f'; break; /*고령 트리독스 애견전용캠핑장*/ case 71: location.href = 'https://www.koreanair.com/kr/ko/airport/assistance/travel-with-pet/requirements'; break; /*대한항공*/ case 72: location.href = 'https://flyasiana.com/C/KR/KO/contents/traveling-with-pets'; break; /*아시아나*/ case 73: location.href = 'https://www.jejuair.net/jejuair/kr/serviceinfo/airport/help.do'; break; /*제주항공*/ case 74: location.href = 'https://www.twayair.com/app/serviceInfo/contents/1070'; break; /*티웨이항공*/ case 75: location.href = 'https://www.jinair.com/ready/help?directID=help2'; break; /*진에어*/ case 76: location.href = 'https://flyairseoul.com/CW/ko/animal.do'; break; /*에어서울*/ case 100: location.href = 'https://korean.visitkorea.or.kr/detail/ms_detail.do?cotid=d3f794db-2d7b-4f86-be8c-c40dace56712'; break; /*새만금 광역탐방로*/ case 101: location.href = 'https://korean.visitkorea.or.kr/detail/ms_detail.do?cotid=b8843b8c-3e40-4742-91d6-08d2f1094180'; break; /*요천생태습지공원 애견공원*/ case 102: location.href = 'https://korean.visitkorea.or.kr/detail/ms_detail.do?cotid=af9347f9-c5f1-4f9b-883a-c4e02929f046'; break; /*경천애인 징검다리길*/ case 103: location.href = 'https://korean.visitkorea.or.kr/detail/ms_detail.do?cotid=9465ddd2-7a16-42b4-8b21-03a6aea59eec'; break; /*오수의견 관광지*/ case 104: location.href = 'https://korean.visitkorea.or.kr/detail/ms_detail.do?cotid=d8442fb4-848e-4f96-aa75-202037166ae2'; break; /*운일암반일암 숲길*/ case 105: location.href = 'https://korean.visitkorea.or.kr/detail/ms_detail.do?cotid=c9fd512a-0741-4ad9-a779-8a1193b4a3ae'; break; /*섬진강 예향천리마실길*/ } } .con_title {width: 100%; text-align: left; margin-left: 1%; padding-top: 1%; padding-bottom: 2%; padding-right: 5%; display: block; font-weight: 700;}.con_region_nm { text-align: left; padding-left: 1%;} var mobileYn = mobileYn; var maplevel =15; $(document).ready(function(){ var mapContainer = document.getElementById('map'), mapOption = { center: new kakao.maps.LatLng(35.4876322, 127.8571633), level: maplevel }; var map = new kakao.maps.Map(mapContainer, mapOption); var markerPosition = new kakao.maps.LatLng(35.4876322, 127.8571633); var marker = new kakao.maps.Marker({position: markerPosition,image: markerImage}); /* marker.setMap(map);*/ /* var mapTypeControl = new kakao.maps.MapTypeControl(); map.addControl(mapTypeControl, kakao.maps.ControlPosition.TOPRIGHT); var zoomControl = new kakao.maps.ZoomControl(); map.addControl(zoomControl, kakao.maps.ControlPosition.RIGHT); */ var selectedMarker = ; var selectedOverlay = ; var selectedconID = ; $('.con_photo').click(function(){ customOverlay.setMap( ); }); /* 마커를 표시할 위치와 title 객체 배열입니다 */ var positions = [ {title: '양평 국립산음자연휴양림', latlng: new kakao.maps.LatLng(37.5961338783, 127.5751825647), region_nm: '양평군', cot_id: 'https://korean.visitkorea.or.kr/detail/ms_detail.do?cotid=c0268ae0-1e01-436d-a4a0-ffef37f32fce'}, {title: '영양 국립검마산 자연휴양림', latlng: new kakao.maps.LatLng(36.7454741795, 129.2339226976), region_nm: '영양군', cot_id: 'https://korean.visitkorea.or.kr/detail/ms_detail.do?cotid=ef1fa608-3d5f-4db3-996d-4d6ddae133da'}, {title: '장흥 국립천관산자연휴양림', latlng: new kakao.maps.LatLng(34.5451339297, 126.8998851572), region_nm: '장흥군', cot_id: 'https://korean.visitkorea.or.kr/detail/ms_detail.do?cotid=b617fb58-27d0-4976-a815-04d7d3a5bcde'}, {title: '화천 국립화천숲속야영장', latlng: new kakao.maps.LatLng(38.0114142, 127.7961371), region_nm: '화천군', cot_id: 'https://www.foresttrip.go.kr/indvz/main.do?hmpgId=0116'}, {title: '의성 펫월드', latlng: new kakao.maps.LatLng(36.3916128, 128.4254798), region_nm: '의성군', cot_id: 'https://www.usc.go.kr/petworld/main.tc'}, {title: '춘천 강아지숲', latlng: new kakao.maps.LatLng(37.73594, 127.6600769), region_nm: '춘천시', cot_id: 'http://dforest.co.kr/'}, {title: '인천 도그파크', latlng: new kakao.maps.LatLng(37.406624, 126.6277945), region_nm: '인천광역시', cot_id: 'https://blog.naver.com/yeonsulife/222158318966'}, {title: '창원 펫빌리지', latlng: new kakao.maps.LatLng(35.1968971, 128.6613014), region_nm: '창원시', cot_id: 'https://blog.naver.com/gnfeel/222052675914'}, {title: '덕평자연휴게소 달려라코코', latlng: new kakao.maps.LatLng(37.2414049067, 127.3897234482), region_nm: '이천시', cot_id: 'https://korean.visitkorea.or.kr/detail/ms_detail.do?cotid=5cc758d0-65c0-47e8-8df3-97ed710cd677'}, {title: '오수휴게소 펫테마파크', latlng: new kakao.maps.LatLng(35.5402593524, 127.3116543997), region_nm: '임실군', cot_id: 'https://korean.visitkorea.or.kr/detail/ms_detail.do?cotid=44d1db26-0344-47cb-acbd-0fa0ecbfe004'}, {title: '죽암휴게소 멍멍파크', latlng: new kakao.maps.LatLng(36.4967883, 127.4284612), region_nm: '청원군', cot_id: 'http://naver.me/xZDkRbJk'}, {title: '가평휴게소 가평애견파크', latlng: new kakao.maps.LatLng(37.7019259, 127.5446099), region_nm: '가평군', cot_id: 'http://naver.me/FFveKBMr'}, {title: '인천 강화나들길 19코스 석모도 상주해안길', latlng: new kakao.maps.LatLng(37.6898023, 126.3234412), region_nm: '인천광역시', cot_id: 'https://blog.naver.com/koreatrails/221922312503'}, {title: '화성 고정리 공룡알 화석산지 탐방로', latlng: new kakao.maps.LatLng(37.2625042, 126.7447557), region_nm: '화성시', cot_id: 'https://korean.visitkorea.or.kr/detail/rem_detail.do?cotid=30c806bf-89f4-4827-9372-233a330cd178'}, {title: '강릉 바우길 01코스 선자령 풍차길', latlng: new kakao.maps.LatLng(37.7222383, 128.7362452), region_nm: '강릉시', cot_id: 'https://korean.visitkorea.or.kr/detail/rem_detail.do?cotid=3ac72d8d-7e05-44d3-aad3-2fa122fab00a'}, {title: '포천 한탄강 주상절리길 01코스 구라이길', latlng: new kakao.maps.LatLng(37.9508714, 127.0333231), region_nm: '포천시', cot_id: 'https://korean.visitkorea.or.kr/detail/rem_detail.do?cotid=6129af9e-2559-4870-a1cc-4f4bb28fc995'}, {title: '경주역사유적지구', latlng: new kakao.maps.LatLng(35.8385656047, 129.2122926901), region_nm: '경주시', cot_id: 'https://korean.visitkorea.or.kr/detail/ms_detail.do?cotid=ba0472f4-7e8e-47ea-bb52-d9b271fbb770'}, {title: '황리단길', latlng: new kakao.maps.LatLng(35.8374517979, 129.2099818133), region_nm: '경주시', cot_id: 'https://korean.visitkorea.or.kr/detail/ms_detail.do?cotid=a241a148-3947-4b3b-a901-ef79bcf7eee7'}, {title: '경주세계문화엑스포공원', latlng: new kakao.maps.LatLng(35.8322483204, 129.2888667178), region_nm: '경주시', cot_id: 'https://korean.visitkorea.or.kr/detail/ms_detail.do?cotid=9acbd5d3-91c6-40c3-b148-62b15dce9687'}, {title: '월정리해변', latlng: new kakao.maps.LatLng(33.5638551242, 126.7786717322), region_nm: '제주시', cot_id: 'https://korean.visitkorea.or.kr/detail/ms_detail.do?cotid=2b06d67c-7ac1-4898-b18b-14f962609a70'}, {title: '제주레일바이크', latlng: new kakao.maps.LatLng(33.464317, 126.8343738), region_nm: '제주시', cot_id: 'http://www.jejurailpark.com/m/index.php'}, {title: '녹차미로공원', latlng: new kakao.maps.LatLng(33.2971260963, 126.4188395786), region_nm: '서귀포시', cot_id: 'https://korean.visitkorea.or.kr/detail/ms_detail.do?cotid=b1469bd7-30b6-4e98-89cd-15bfd0087d54'}, {title: '김제 새만금 광역탐방로', latlng: new kakao.maps.LatLng(35.8848906, 126.7882984), region_nm: '김제시', cot_id: 'https://korean.visitkorea.or.kr/detail/ms_detail.do?cotid=d3f794db-2d7b-4f86-be8c-c40dace56712 '}, {title: '남원 요천생태습지공원 애견공원', latlng: new kakao.maps.LatLng(35.3856052596, 127.3476996600), region_nm: '남원시', cot_id: 'https://korean.visitkorea.or.kr/detail/ms_detail.do?cotid=b8843b8c-3e40-4742-91d6-08d2f1094180'}, {title: '완주 경천애인 징검다리길', latlng: new kakao.maps.LatLng(36.0210064504, 127.2517887624), region_nm: '완주군', cot_id: 'https://korean.visitkorea.or.kr/detail/ms_detail.do?cotid=af9347f9-c5f1-4f9b-883a-c4e02929f046'}, {title: '임실 오수의견 관광지', latlng: new kakao.maps.LatLng(35.5399708581, 127.3324914502), region_nm: '임실군', cot_id: 'https://korean.visitkorea.or.kr/detail/ms_detail.do?cotid=9465ddd2-7a16-42b4-8b21-03a6aea59eec'}, {title: '진안 운일암반일암 숲길(진안고원길 9구간)', latlng: new kakao.maps.LatLng(35.9843991299, 127.3883442374), region_nm: '진안군', cot_id: 'https://korean.visitkorea.or.kr/detail/ms_detail.do?cotid=d8442fb4-848e-4f96-aa75-202037166ae2'}, {title: '순창 섬진강 예향천리마실길', latlng: new kakao.maps.LatLng(35.4604248175, 127.2011856927), region_nm: '순창시', cot_id: 'https://korean.visitkorea.or.kr/detail/ms_detail.do?cotid=c9fd512a-0741-4ad9-a779-8a1193b4a3ae'}, {title: '양양 멍비치', latlng: new kakao.maps.LatLng(37.9560592213, 128.7706162139), region_nm: '양양군', cot_id: 'https://korean.visitkorea.or.kr/detail/ms_detail.do?cotid=fa311cdf-71af-4e4d-b508-47277889ac8c'}, {title: '양주 해세의 정원', latlng: new kakao.maps.LatLng(37.7186920971, 126.9781945020), region_nm: '양주시', cot_id: 'https://korean.visitkorea.or.kr/detail/ms_detail.do?cotid=98af05fe-90f1-44ec-8505-65eea292533f'}, {title: '양주 도그베이(송추점)', latlng: new kakao.maps.LatLng(37.7179957, 126.9723894), region_nm: '양주시', cot_id: 'https://www.instagram.com/dogbay_songchu/'}, {title: '김해 개리비안비치', latlng: new kakao.maps.LatLng(35.2430337205, 128.9738301635), region_nm: '김해시', cot_id: 'https://korean.visitkorea.or.kr/detail/ms_detail.do?cotid=52d508d8-a116-41df-9d97-1dace4b4b65f'}, {title: '양양 복골온천', latlng: new kakao.maps.LatLng(38.1426252279, 128.5655373244), region_nm: '양양군', cot_id: 'https://korean.visitkorea.or.kr/detail/ms_detail.do?cotid=9fb848e6-a4ce-4df5-ad1e-763b6775066c'}, {title: '동두천 피크닉댕댕', latlng: new kakao.maps.LatLng(37.8669891, 127.1059971), region_nm: '동두천시', cot_id: 'https://blog.naver.com/hyune3113'}, {title: '춘천 물레길 카누체험', latlng: new kakao.maps.LatLng(37.8549558579, 127.6857315890), region_nm: '춘천시', cot_id: 'https://korean.visitkorea.or.kr/detail/ms_detail.do?cotid=22f9a6ef-395f-48ce-b2c3-b385dd460465'}, {title: '보령 짚트랙 체험', latlng: new kakao.maps.LatLng(36.3205772, 126.5044284), region_nm: '대천시', cot_id: 'http://www.ziptrek.co.kr/'}, {title: '여의도 IFC몰 ', latlng: new kakao.maps.LatLng(37.5252358628, 126.9248854067), region_nm: '서울', cot_id: 'https://korean.visitkorea.or.kr/detail/ms_detail.do?cotid=1c0cfc73-53c2-4b5a-843c-672d564e728c'}, {title: '스타필드 하남', latlng: new kakao.maps.LatLng(37.5454888917, 127.2237576241), region_nm: '하남시', cot_id: 'https://korean.visitkorea.or.kr/detail/ms_detail.do?cotid=330e1b7f-aa6a-4484-8f2b-9e811eb991c4'}, {title: '시흥 프리미엄 아울렛', latlng: new kakao.maps.LatLng(37.3797271968, 126.7369982592), region_nm: '시흥시', cot_id: 'https://korean.visitkorea.or.kr/detail/ms_detail.do?cotid=8fa563a0-75c2-4c8a-a2e3-79ac74737cfd'}, {title: '롯데프리미엄아울렛 이천 ', latlng: new kakao.maps.LatLng(37.2419855811, 127.3999752821), region_nm: '이천시', cot_id: 'https://korean.visitkorea.or.kr/detail/ms_detail.do?cotid=b3b64e51-9fc0-43ff-9b53-551d5fd9a513'}, {title: '서울 호텔 카푸치노', latlng: new kakao.maps.LatLng(37.5096950963, 127.0293735521), region_nm: '강남구', cot_id: 'https://korean.visitkorea.or.kr/detail/ms_detail.do?cotid=279e769c-0904-43ad-bd85-67b73da423a6'}, {title: '고양 소노캄 고양', latlng: new kakao.maps.LatLng(37.6619807400, 126.7507668876), region_nm: '고양시', cot_id: 'https://korean.visitkorea.or.kr/detail/ms_detail.do?cotid=39839196-a9f5-40a4-a921-76ad3e669a31'}, {title: '강릉 세인트존스호텔', latlng: new kakao.maps.LatLng(37.7940780970, 128.9186301059), region_nm: '강릉시', cot_id: 'https://korean.visitkorea.or.kr/detail/ms_detail.do?cotid=6d6aceb6-cad7-4287-9252-a2ac5156b5f4'}, {title: '대구 노보텔 엠배서더 ', latlng: new kakao.maps.LatLng(35.8709199301, 128.5981096360), region_nm: '대구광역시', cot_id: 'https://korean.visitkorea.or.kr/detail/ms_detail.do?cotid=fd22ba32-7b5f-46f9-9384-359060c1bcb8'}, {title: '용인 골드펫리조트', latlng: new kakao.maps.LatLng(37.2188166, 127.1347245), region_nm: '용인시', cot_id: 'http://goldpetresort.net/'}, {title: '부산 영무파라드호텔', latlng: new kakao.maps.LatLng(35.1609352, 129.1643476), region_nm: '부산광역시', cot_id: 'https://ymparade.kr/kor/index.do'}, {title: '태안 하늘지기펜션', latlng: new kakao.maps.LatLng(36.5177117, 126.3653131), region_nm: '태안군', cot_id: 'http://skyzigi.kr/'}, {title: '홍천 펫티움', latlng: new kakao.maps.LatLng(37.6087287, 127.6867125), region_nm: '홍천군', cot_id: 'http://www.petium.co.kr/'}, {title: '울진 아라누리펜션', latlng: new kakao.maps.LatLng(36.8470632, 129.4268357), region_nm: '울진군', cot_id: 'http://aranurips.com/'}, {title: '거제 거제도그펜션', latlng: new kakao.maps.LatLng(34.8113329, 128.6113271), region_nm: '거제시', cot_id: 'http://dogpension.kr/'}, {title: '연천 랩도그빌 애견캠핑장', latlng: new kakao.maps.LatLng(38.0079461, 127.0867218), region_nm: '연천군', cot_id: 'https://www.gocamping.or.kr/bsite/camp/info/read.do?c_no=964'}, {title: '양주 글램핑코리아 애견캠핑장', latlng: new kakao.maps.LatLng(37.7761053, 126.957908), region_nm: '양주', cot_id: 'https://www.gocamping.or.kr/bsite/camp/info/read.do?c_no=451'}, {title: '남양주 햇살가득캠핑장', latlng: new kakao.maps.LatLng(37.7629562, 127.2897307), region_nm: '남양주시', cot_id: 'https://www.gocamping.or.kr/bsite/camp/info/read.do?c_no=3473'}, {title: '임실 오수애견캠핑장', latlng: new kakao.maps.LatLng(35.5385475, 127.3353541), region_nm: '임실군', cot_id: 'https://www.gocamping.or.kr/bsite/camp/info/read.do?c_no=2303'}, {title: '고령 트리독스 애견전용캠핑장', latlng: new kakao.maps.LatLng(35.6505242555, 128.2300981141), region_nm: '고령군', cot_id: 'https://korean.visitkorea.or.kr/detail/ms_detail.do?cotid=86d59e0b-85ae-4543-94f8-1cbce91a585f'}, {title: '괴산 루파니애견캠핑장', latlng: new kakao.maps.LatLng(36.7419361, 127.5205587), region_nm: '괴산군', cot_id: 'https://www.gocamping.or.kr/bsite/camp/info/read.do?c_no=3473'}, ]; /* 마커 이미지의 이미지 주소입니다 */ var imageSrc = https://cdn.visitkorea.or.kr/img/call?cmd=VIEW&id=a73aef28-db90-4e13-8862-f1634cbcee38 ; /* 마커 이미지의 이미지 크기 입니다 */ var imageSize = new kakao.maps.Size(30, 30); /* 마커 이미지를 생성합니다 */ var markerImage = new kakao.maps.MarkerImage(imageSrc, imageSize); for (var i = 0; i '+positions[i].region_nm+' '+positions[i].title+' ', iwRemoveable = true; */ var content = document.createElement('div'); content.innerHTML = ' '+positions[i].region_nm+' '+positions[i].title+' '; var overlay = new kakao.maps.CustomOverlay({ position: positions[i].latlng, content: content }); var closeBtn = document.createElement('button'); closeBtn.innerHTML = ' '; content.appendChild(closeBtn); overlay.setContent(content);/* closeBtn.onclick = function () { console.log(content); overlay.setMap( ); };*/ closeBtn.addEventListener('click', function () { overlay.setMap( ); }); /* closeBtn.addEventListener('click', function () { console.log('다왔다'); overlay.setMap( ); });*/ kakao.maps.event.addListener(marker, 'click', makeOverListener(map, marker, overlay)); }});function makeOverListener(map, marker, overlay) { return function() { overlay.setMap(map); };} .detail_wrap { display: inline-block; padding: 5%; background-color: #ffffff; border-radius: 10px; border: 2px solid #ff8130;}