<!DOCTYPE html><html lang="ko"><head> <meta http-equiv="Content-Security-Policy" content= "default-src 'self'; style-src 'self' 'unsafe-inline'; script-src 'self' 'unsafe-eval' 'unsafe-inline' http://www.google.com http://dapi.kakao.com https://t1.daumcdn.net; font-src 'self' data:; img-src *; frame-src 'self' https://www.youtube.com/ ;"> <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <meta name="format-detection" content="telephone=no"> <meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no"> <meta property="og:type" content="website"> <meta property="og:title" content="경기 에코뮤지엄"> <meta property="og:url" content="http://echomuseum.kr/"> <meta property="og:image" content="http://echomuseum.kr/site/eco/images/ko/common/og_image.png"> <meta property="og:description" content="경기에코뮤지엄 소개 및 사진, 동영상 갤러리 수록"> <title>경기에코뮤지엄</title> <link rel="shortcut icon" href="/;jsessionid=8DA22B589D7C2EFC6FEC1F50D6D4305/site/eco/favicon.ico" type="image/x-icon"> <link rel="stylesheet" type="text/css" href="/site/eco/ko/css/fonts.css"> <link rel="stylesheet" type="text/css" href="/site/eco/ko/css/plugin.css"> <link rel="stylesheet" type="text/css" href="/site/eco/ko/css/common.css"> <link rel="stylesheet" type="text/css" href="/site/eco/ko/css/style.css?v=20241119"> <link rel="stylesheet" type="text/css" href="/site/eco/ko/css/fontawesome.min.css"> <style> [v-cloak] { visibility : hidden; } </style> <script> var contextPath = '/;jsessionid=8DA22B589D7C2EFC6FEC1F50D6D4305'; var framePath = '/vu2'; </script> <script src="/plugins/vue/vue.js;jsessionid=8DA22B589D7C2EFC6FEC1F50D6D43056"></script> <script> Vue.config.devtools = true; </script> <script src="/plugins/vue/axios/axios.min.js;jsessionid=8DA22B589D7C2EFC6FEC1F50D6D43056"></script> <script src="/plugins/vue/vuelidate/vuelidate.min.js;jsessionid=8DA22B589D7C2EFC6FEC1F50D6D43056"></script> <script src="/plugins/vue/vuelidate/validators.min.js;jsessionid=8DA22B589D7C2EFC6FEC1F50D6D43056"></script> <script src="/plugins/promise/bluebird.min.js;jsessionid=8DA22B589D7C2EFC6FEC1F50D6D43056"></script> <script src="/js/onioncms/vu2/cms.js"></script> <script src="/js/onioncms/vu2/request.js"></script> <script src="/js/onioncms/vu2/fms/atchFile.js"></script> <script src="/site/eco/ko/js/plugin.js"></script> <script src="//dapi.kakao.com/v2/maps/sdk.js?appkey=e02c2b6af51ba4109e1e1d08b77bbe13&libraries=services"></script> </head><body class="user"> <script>var appMixins = [];</script><!-- skip --> <div class="skip"> <a href="#contents">본문 바로가기</a> </div> <!-- //skip --> <div id="wrap"> <!-- header --> <header id="header" v-cloak> <div class="container"> <a :href="contextPath + '/main.do'" class="header-logo"> <img src="/site/eco/ko/images/common/logo.png;jsessionid=8DA22B589D7C2EFC6FEC1F50D6D43056" alt="" /> </a> <div class="header-gnb"> <div class="gnb-wrap" v-for="(item, index) in menu.subMenus"> <a :href="item.menuUrl" class="gnb-item">{{ item.menuNm }}</a> <div class="drop-wrap"> <ul class="drop-gnb"> <li v-for="(subItem, subIndex) in item.subMenus"> <a :href="subItem.menuUrl" class="drop-item">{{ subItem.menuNm }}</a> </li> </ul> </div> </div> <!-- <div class="gnb-wrap"> <a href="../pages/project-list.html" class="gnb-item">지원사업</a> </div> <div class="gnb-wrap"> <a href="#" class="gnb-item">시민활동가 역량 강화</a> <div class="drop-wrap"> <ul class="drop-gnb"> <li> <a href="../pages/citizen-network.html" class="drop-item">네트워크</a> </li> <li> <a href="../pages/citizen-consulting.html" class="drop-item">컨설팅</a> </li> <li> <a href="../pages/citizen-stay.html" class="drop-item">에코스테이</a> </li> </ul> </div> </div> <div class="gnb-wrap"> <a href="#" class="gnb-item">아카이브</a> <div class="drop-wrap"> <ul class="drop-gnb"> <li> <a href="../pages/photo-list.html" class="drop-item">사진 및 영상</a> </li> <li> <a href="../pages/data-list.html" class="drop-item">결과 자료집</a> </li> </ul> </div> </div> --> </div> <div class="header-sns"> <div class="sns-item search"> <button type="button" class="btn-search"> <i class="fas fa-search"></i> <span class="blind">검색</span> </button> <div class="drop-box"> <div class="search-title">전체 검색</div> <form id="search-form" name="headSearchForm" method="get" action="/usr/eco/srh/search.do;jsessionid=8DA22B589D7C2EFC6FEC1F50D6D43056" @submit="searchForm($event)"> <div class="search-wrap"> <input type="search" class="search-input" id="headSearchKeyword" name="searchKeyword" v-model="searchKeyword" placeholder="검색어를 입력하세요" /> <button type="button" class="search-button" @click="searchForm($event)"> <i class="fa-solid fa-magnifying-glass"></i> <span class="blind">검색</span> </button> </div> </form> </div> </div> <div class="sns-item facebook"> <a href="https://www.facebook.com/gecomuseum" target="_blank"> <i class="facebook"></i> <span class="blind">페이스북</span> </a> </div> <div class="sns-item instagram"> <a href="https://www.instagram.com/gg_ecomuseum/" target="_blank"> <i class="instagram"></i> <span class="blind">인스타그램</span> </a> </div> <button type="button" id="btn_open_menu" class="btn btn-all-menu"> <i class="fa-solid fa-bars"></i> <span class="blind">전체메뉴</span> </button> </div> </div> </header> <!-- //header --> <script> //VUE new Vue({ el: 'header', data: { menu: { menuSeq: 0, menuNm: '홈', menuUrl: '/', author: '', subMenus: [ { menuSeq: 16060, menuNm: '경기에코뮤지엄', menuUrl: '/usr/wap/detail.do?app=10333&seq=10425&lang=ko', author: '', subMenus: [ { menuSeq: 16064, menuNm: '경기에코뮤지엄', menuUrl: '/usr/wap/detail.do?app=10333&seq=10425&lang=ko', author: '', subMenus: [], selected: false }, { menuSeq: 16065, menuNm: 'BI소개', menuUrl: '/usr/wap/detail.do?app=10333&seq=10423&lang=ko', author: '', subMenus: [], selected: false }, { menuSeq: 16066, menuNm: '공지사항', menuUrl: '/usr/wap/list.do?app=10439&listAll=Y&lang=ko', author: '', subMenus: [], selected: false }, { menuSeq: 16067, menuNm: '보도자료', menuUrl: '/usr/wap/list.do?app=10452&listAll=Y&lang=ko', author: '', subMenus: [], selected: false } ], selected: false }, { menuSeq: 16061, menuNm: '지원 사업', menuUrl: '/usr/wap/list.do?app=10515&listAll=Y&lang=ko', author: '', subMenus: [], selected: false }, { menuSeq: 16062, menuNm: '시민활동가 역량 강화', menuUrl: '/usr/wap/list.do?app=18364&listAll=Y&lang=ko', author: '', subMenus: [ { menuSeq: 16258, menuNm: '컨설팅', menuUrl: '/usr/wap/list.do?app=18364&listAll=Y&lang=ko', author: 'A[ROLE_ANONYMOUS]A[ROLE_USER]A[ROLE_ADMIN]', subMenus: [], selected: false }, { menuSeq: 18890, menuNm: '교육', menuUrl: '/usr/wap/list.do?app=18880&listAll=Y&lang=ko', author: 'A[ROLE_ANONYMOUS]A[ROLE_USER]A[ROLE_ADMIN]', subMenus: [], selected: false }, { menuSeq: 16254, menuNm: '네트워크', menuUrl: '/usr/wap/list.do?app=18360&listAll=Y&lang=ko', author: 'A[ROLE_ANONYMOUS]A[ROLE_USER]A[ROLE_ADMIN]', subMenus: [], selected: false }, { menuSeq: 16272, menuNm: '에코스테이', menuUrl: '/usr/wap/detail.do?app=10333&seq=10417&lang=ko', author: 'A[ROLE_ANONYMOUS]A[ROLE_USER]A[ROLE_ADMIN]', subMenus: [], selected: false } ], selected: false }, { menuSeq: 16063, menuNm: '아카이브', menuUrl: '/usr/wap/list.do?app=10557&listAll=Y&lang=ko', author: '', subMenus: [ { menuSeq: 16070, menuNm: '사진 및 영상', menuUrl: '/usr/wap/list.do?app=10557&listAll=Y&lang=ko', author: '', subMenus: [], selected: false }, { menuSeq: 16071, menuNm: '결과 자료집', menuUrl: '/usr/wap/list.do?app=10274&listAll=Y&lang=ko', author: '', subMenus: [], selected: false } ], selected: false } ], selected: false }, authorCode: 'ROLE_ANONYMOUS', groupSeq: '', userSeq: '', contextPath: contextPath, searchKeyword: '', mobileSearchKeyword : '', }, methods: { notAuth(m) { if (m.author) { return m.author.indexOf('A[' + this.authorCode + ']') < 0 && m.author.indexOf('G[' + this.groupSeq + ']') < 0 && m.author.indexOf('U[' + this.userSeq + ']') < 0; } for (var i = 0; i < m.subMenus.length; i++) { if (this.notAuth(m.subMenus[i]) == false) { return false; } } return true; }, searchForm: function(event) { if (this.searchKeyword.length == 0) { event.preventDefault(); alert('검색어를 입력하세요.'); return; } document.headSearchForm.submit(); }, } });</script> <div id="container" v-cloak> <!-- main visual --> <div id="main_visual"> <div class="container"> <div class="logo"> <img src="/site/eco/ko/images/main/main_visual_logo.png;jsessionid=8DA22B589D7C2EFC6FEC1F50D6D43056" alt="" /> </div> <form id="search-form" name="searchForm" method="get" action="/usr/eco/srh/search.do;jsessionid=8DA22B589D7C2EFC6FEC1F50D6D43056" @submit="searchForm($event)"> <div class="search-wrap"> <input type="search" class="search" id="searchKeyword" name="searchKeyword" v-model="searchKeyword" placeholder="경기에코뮤지엄에 궁금하신 것이 있으신가요?" /> <button type="button" class="btn-search" @click="searchForm($event)"> <i class="fa-solid fa-magnifying-glass"></i> <div class="blind">검색</div> </button> </div> <div class="mouse-wheel"> <i class="mouse"></i> <i class="down-arrow"></i> </div> </form> </div> </div> <!-- //main visual --> <!-- main content --> <div class="main-news"> <div class="container"> <div class="news-wrap"> <div class="title-wrap"> <div class="news-title">새소식</div> <a href="/usr/wap/list.do;jsessionid=8DA22B589D7C2EFC6FEC1F50D6D43056?app=10439&listAll=Y" class="btn-news-more"> <i class="fa-sharp fa-solid fa-plus"></i> </a> </div> <div class="news-swiper-wrap"> <div class="swiper news-swiper"> <ul class="swiper-wrapper news-list" v-if="noticeList.length > 0"> <li class="swiper-slide item" v-for="(item, index) in noticeList"> <a :href="getNoticeDetail(item.nttSeq)"> <div class="title">{{ item.nttSj }} </div> <div class="date">{{ item.registDt.split(" ")[0] }}</div> </a> </li> </ul> <button type="button" class="main-news-prev news-nav"> <i class="fa-light fa-chevron-left"></i> </button> <button type="button" class="main-news-next news-nav"> <i class="fa-light fa-chevron-right"></i> </button> </div> </div> </div> </div> </div> <div class="main-space"> <div class="space-section"> <div class="container"> <div class="space-title" v-html="mainCopyValue"> </div> <div class="space-tab"> <button type="button" :class="[mode == 'area' ? 'btn-tab on' : 'btn-tab' ]" @click="changeSearchField('area')">지역</button> <button type="button" :class="[mode == 'thema' ? 'btn-tab on' : 'btn-tab' ]" @click="changeSearchField('thema')">테마</button> </div> <div class="space-area-wrap"> <div class="swiper area-swiper" v-if="mode == 'area'"> <div class="swiper-wrapper" v-if="areaList.length > 0"> <div class="swiper-slide" v-for="(item, index) in areaList"> <a :class="[ 'space-area', {'on': item.selected == true}]" @click="changeSearchItem('area', index)">{{ item.codeNm }}</a> </div> </div> </div> <div class="swiper area-swiper" v-else> <div class="swiper-wrapper" v-if="themaList.length > 0"> <div class="swiper-slide" v-for="(item, index) in themaList"> <a :class="[ 'space-area', {'on': item.selected == true}]" @click="changeSearchItem('thema', index)">{{ item.codeNm }}</a> </div> </div> </div> <button type="button" class="area-swiper-next area-swiper-nav"> <i class="fa-solid fa-chevron-right"></i> </button> <button type="button" class="area-swiper-prev area-swiper-nav"> <i class="fa-solid fa-chevron-left"></i> </button> </div> </div> </div> <div class="space-list"> <div class="container"> <div class="swiper space-list-swiper"> <button type="button" class="list-swiper-next list-swiper-nav"> <i class="fa-solid fa-arrow-right"></i> </button> <button type="button" class="list-swiper-prev list-swiper-nav"> <i class="fa-solid fa-arrow-left"></i> </button> <div class="swiper-wrapper"> <div class="swiper-slide" v-for="(item, index) in swiperDataList"> <a :href="getSpceDetail(item.spceSeq)"> <div class="img-box"> <img :src="'/cmm/fms/getThumbnail.do;jsessionid=8DA22B589D7C2EFC6FEC1F50D6D43056?atchFileSeq=' + item.mainImageSeq + '&thumbSe=ThumbnailMain'" alt="" class="list-img" /> </div> <div class="title">{{ item.spceNm }}</div> </a> </div> </div> </div> <div class="btn-wrap"> <a href="/usr/wap/list.do;jsessionid=8DA22B589D7C2EFC6FEC1F50D6D43056?app=10515&listAll=Y" class="space-btn-more"> 모두보기 <i class="fa-regular fa-plus"></i> </a> </div> </div> </div> </div> <div class="main-summary"> <div class="summary-deco01"></div> <div class="summary-deco-wrap"> <div class="summary-deco02"></div> </div> <div class="container"> <div class="title-box"> <div class="sub-title">경기에코뮤지엄,</div> <div class="title">한 눈에 보기</div> </div> <div class="swiper main-tag-swiper"> <ul class="swiper-wrapper tag-box"> <li class="swiper-slide" :class="{'on' : targetThema == 'DSPY'}"> <button type="button" class="btn-tag" @click="changeMarkerThema('DSPY')">#전시</button> </li> <li class="swiper-slide" :class="{'on' : targetThema == 'PBLPRFR'}"> <button type="button" class="btn-tag" @click="changeMarkerThema('PBLPRFR')">#공연</button> </li> <li class="swiper-slide" :class="{'on' : targetThema == 'EDC'}"> <button type="button" class="btn-tag" @click="changeMarkerThema('EDC')">#교육</button> </li> <li class="swiper-slide" :class="{'on' : targetThema == 'VILAGE_AUTN'}"> <button type="button" class="btn-tag" @click="changeMarkerThema('VILAGE_AUTN')">#마을자치</button> </li> <li class="swiper-slide" :class="{'on' : targetThema == 'RESRCE_ROTAT'}"> <button type="button" class="btn-tag" @click="changeMarkerThema('RESRCE_ROTAT')">#생태보전/자원순환</button> </li> </ul> </div> <div class="summary-map"> <!-- 지도가 들어갈 영역 --> <div class="map-wrap"> <div id="map" class="map" style="border-radius: 3rem" data-lenis-prevent></div> <div class="map-option"> <button type="button" class="btn-option" @click="setMapToMyPosition()"> <i class="fa-solid fa-compass"></i> </button> <div class="option-wrap"> <button type="button" class="btn-option" @click="setMapZoomIn()"> <i class="fa-solid fa-plus"></i> </button> <button type="button" class="btn-option" @click="setMapZoomOut()"> <i class="fa-solid fa-minus"></i> </button> </div> </div> </div> </div> </div> <div class="insta-content"> <div class="container"> <div class="content-box"> <div class="title-wrap"> <div class="sub-title">경기에코뮤지엄</div> <div class="title">인스타그램</div> <div class="navigation-wrap"> <button type="button" class="insta-swiper-prev insta-nav"> <i class="fa-solid fa-arrow-left"></i> </button> <div class="insta-pagination"></div> <button type="button" class="insta-swiper-next insta-nav"> <i class="fa-solid fa-arrow-right"></i> </button> </div> </div> </div> <div class="swiper-box"> <div class="swiper insta-swiper"> <div class="swiper-wrapper"> <div class="swiper-slide" v-for="(item, index) in feedList"> <a :href="item.permalink" target="_blank"> <img :src="getInstaThumb(item)" alt="" /> </a> </div> </div> </div> </div> </div> </div> </div> <script type="application/javascript"> var mainCopyValue = `<div class="space-title"><div>일상의 발자취를 지역의 문화자원으로,<br /><span class="point">경기에코뮤지엄</span></div></div>`; var noticeList = [ { 'nttSeq': '19659', 'bbsSeq': '10487', 'nttSj': '문화플랫폼 열무 <산책, 모두의 정원>', 'registDt': '2024-11-06 14:15:41.089139', } , { 'nttSeq': '19646', 'bbsSeq': '10487', 'nttSj': '여러가지연구소 <생생소사 여행사>', 'registDt': '2024-11-01 08:40:32.019347', } , { 'nttSeq': '19317', 'bbsSeq': '10487', 'nttSj': '송촌리 용진정미소재생추진모임 < 송촌리 손때 묻은 살림이야기 전> 개최', 'registDt': '2024-10-17 13:38:01.778752', } , { 'nttSeq': '19301', 'bbsSeq': '10487', 'nttSj': '햇살사회복지회 <2024 일곱집매 기획전시_지희의 카메라>', 'registDt': '2024-10-14 15:06:17.170318', } , { 'nttSeq': '19289', 'bbsSeq': '10487', 'nttSj': '프로젝트 산장 <어제와 오늘, 오늘과 내일>', 'registDt': '2024-10-10 16:00:28.623827', } ]; var areaList = [ { 'code': '10001', 'codeNm': '가평군', 'value': '1' } , { 'code': '10002', 'codeNm': '고양시', 'value': '1' } , { 'code': '10005', 'codeNm': '광주시', 'value': '1' } , { 'code': '10010', 'codeNm': '김포시', 'value': '1' } , { 'code': '10011', 'codeNm': '남양주시', 'value': '3' } , { 'code': '10017', 'codeNm': '부천시', 'value': '2' } , { 'code': '10020', 'codeNm': '성남시', 'value': '1' } , { 'code': '10024', 'codeNm': '시흥시', 'value': '3' } , { 'code': '10025', 'codeNm': '안산시', 'value': '5' } , { 'code': '10028', 'codeNm': '양주시', 'value': '1' } , { 'code': '10030', 'codeNm': '여주시', 'value': '1' } , { 'code': '10031', 'codeNm': '연천군', 'value': '1' } , { 'code': '10036', 'codeNm': '의정부시', 'value': '2' } , { 'code': '10043', 'codeNm': '파주시', 'value': '1' } , { 'code': '10045', 'codeNm': '평택시', 'value': '1' } , { 'code': '10046', 'codeNm': '포천시', 'value': '1' } , { 'code': '10048', 'codeNm': '화성시', 'value': '1' } ]; var feedList = [ { 'id': '', 'mediaUrl': 'https:\/\/scontent.cdninstagram.com\/v\/t39.30808-6\/486387213_978079411120828_8983566456561156130_n.jpg?stp=dst-jpg_e35_tt6&_nc_cat=108&ccb=7-5&_nc_sid=18de74&_nc_ohc=E2qYjLoazi4Q7kNvwGd0Ndg&_nc_oc=AdlvUkdMejrTYdxlSA6Owk_0FwHZbU_dwcpOBFg4a7WWGThJzhU3qOLWgzN0qp9SN3o&_nc_zt=23&_nc_ht=scontent.cdninstagram.com&edm=AM6HXa8EAAAA&_nc_gid=w24SrRh8r67mjl-FnEix9w&oh=00_AfICluvg3r7j8ARX6KnSkyINEFWrL5SX1wSTFugOlieM6g&oe=6825A700', 'mediaType': 'CAROUSEL_ALBUM', 'thumbnailUrl': '', 'permalink' : 'https://www.instagram.com/p/DDdb2L7p5Sj/', } , { 'id': '', 'mediaUrl': 'https:\/\/scontent.cdninstagram.com\/v\/t39.30808-6\/486522891_978078544454248_5873282423581934343_n.jpg?stp=dst-jpg_e35_tt6&_nc_cat=106&ccb=7-5&_nc_sid=18de74&_nc_ohc=xS7qIineSwIQ7kNvwGRXkqj&_nc_oc=Adk8cGeEdddQhlH_hz2KYRnTc5FLSe2xUU7vBHepLuUaMBVEfZkSKxXHSKxsfFPf-FQ&_nc_zt=23&_nc_ht=scontent.cdninstagram.com&edm=AM6HXa8EAAAA&_nc_gid=w24SrRh8r67mjl-FnEix9w&oh=00_AfL2FIz-Kv0Kz-PhUUvIHV7XaBspEXpthPm_-510VzRDyA&oe=6825BCC1', 'mediaType': 'CAROUSEL_ALBUM', 'thumbnailUrl': '', 'permalink' : 'https://www.instagram.com/p/DDYSQvItkbl/', } , { 'id': '', 'mediaUrl': 'https:\/\/scontent.cdninstagram.com\/v\/t39.30808-6\/486573161_978077281121041_2969767082374674543_n.jpg?stp=dst-jpg_e35_tt6&_nc_cat=105&ccb=7-5&_nc_sid=18de74&_nc_ohc=eoKZZUvtjlUQ7kNvwGrnrPN&_nc_oc=Admbetm0Yeti-uauGCKajmOY1Ye7n6Wp8qzGq3INz90AazGy6ER6FvnkclNaNqQ1MkI&_nc_zt=23&_nc_ht=scontent.cdninstagram.com&edm=AM6HXa8EAAAA&_nc_gid=w24SrRh8r67mjl-FnEix9w&oh=00_AfJk04Sb1k-4-Wi-SHrLQTEkm90DFcu4NxsAUgrBuY1vsw&oe=682591C3', 'mediaType': 'CAROUSEL_ALBUM', 'thumbnailUrl': '', 'permalink' : 'https://www.instagram.com/p/DDVteAIiiTq/', } , { 'id': '', 'mediaUrl': 'https:\/\/scontent.cdninstagram.com\/v\/t39.30808-6\/486242882_978073181121451_2059637576462602218_n.jpg?stp=dst-jpg_e35_tt6&_nc_cat=100&ccb=7-5&_nc_sid=18de74&_nc_ohc=7u5CHbYgAw8Q7kNvwEUEhnb&_nc_oc=AdnmOxaSXU7GMYHN8btIoxnGA03DovP7ES67hnTVzqiblio3BVplziLqMmWr7rIdOGw&_nc_zt=23&_nc_ht=scontent.cdninstagram.com&edm=AM6HXa8EAAAA&_nc_gid=w24SrRh8r67mjl-FnEix9w&oh=00_AfL2aDtD7RN-i6be4qZqsernJbJCrI6blS4feA3tiNmdFg&oe=6825A962', 'mediaType': 'CAROUSEL_ALBUM', 'thumbnailUrl': '', 'permalink' : 'https://www.instagram.com/p/DDLaR5JhqzU/', } , { 'id': '', 'mediaUrl': 'https:\/\/scontent.cdninstagram.com\/v\/t51.75761-15\/469125356_18329645725152582_6922998447859031573_n.jpg?stp=dst-jpg_e35_tt6&_nc_cat=110&ccb=7-5&_nc_sid=18de74&_nc_ohc=Co-wnYATRkMQ7kNvwHZjPb9&_nc_oc=AdmmVO9GnPsSm2I5gzxBpnI36e9YikxxvXYC4quQkV5a83XJpVnGWd_L4nUHbkclTQk&_nc_zt=23&_nc_ht=scontent.cdninstagram.com&edm=AM6HXa8EAAAA&_nc_gid=w24SrRh8r67mjl-FnEix9w&oh=00_AfL3MFcqtAnF-0eZFhICD3a-hVkekPrpgYgGCHWI9QuNjQ&oe=68259385', 'mediaType': 'CAROUSEL_ALBUM', 'thumbnailUrl': '', 'permalink' : 'https://www.instagram.com/p/DDI2W6RS0Xv/', } , { 'id': '', 'mediaUrl': 'https:\/\/instagram.ficn2-2.fna.fbcdn.net\/o1\/v\/t16\/f2\/m86\/AQNwGFfQWpwCVdQYvJ_qWqhWC4ud5sYq1iExuIPa1jDB1gbbdDnMwddPyPpuW26gpTD2d5gTG7PWokQgY6GqA2WrNAA7QpP-rnlVcos.mp4?efg=eyJ2ZW5jb2RlX3RhZyI6InZ0c192b2RfdXJsZ2VuLmNsaXBzLnVua25vd24tQzMuNjM4LmRhc2hfYmFzZWxpbmVfM192MSJ9&_nc_ht=instagram.ficn2-2.fna.fbcdn.net&edm=AM6HXa8EAAAA&_nc_gid=w24SrRh8r67mjl-FnEix9w&_nc_cat=101&_nc_oc=AdlGrwoG88bRBwLJ_yZQmVLqq1qcVdqJHwsFfDo2PQpE87T_keRERDgg1K4ZPUM2HrE&vs=2141418076274061_905268087&_nc_vs=HBksFQIYUmlnX3hwdl9yZWVsc19wZXJtYW5lbnRfc3JfcHJvZC82ODQyRTI2M0M1MEY4QjdCRTBEOUIzMjVCMTM5MjM5OF92aWRlb19kYXNoaW5pdC5tcDQVAALIAQAVAhg6cGFzc3Rocm91Z2hfZXZlcnN0b3JlL0dOaTY4aHQydDBXbldOd0NBTXZrX1IyT2dybHdicV9FQUFBRhUCAsgBACgAGAAbAYgHdXNlX29pbAExFQAAJr7k3MXryLU%2FFQIoAkMzLBdAPip%2B%2Bdsi0RgSZGFzaF9iYXNlbGluZV8zX3YxEQB1AGXmnQEA&ccb=9-4&oh=00_AfKKy4e7pA-zdrV94GsWtvPlxgykFMSLSx7ryZZM9MxxYg&oe=6821BC5B&_nc_sid=1d576d', 'mediaType': 'VIDEO', 'thumbnailUrl': 'https:\/\/scontent.cdninstagram.com\/v\/t51.75761-15\/469108885_18329544121152582_8830250560161873134_n.jpg?stp=dst-jpg_e35_tt6&_nc_cat=107&ccb=7-5&_nc_sid=18de74&_nc_ohc=dg2HHtRGNLEQ7kNvwFbIuCY&_nc_oc=Adm4ESPvpT6XhWjFL6P9u2-Ox6VS82zWNV95E9oHEAdFVqkI6csodLvemAfxaip-Zto&_nc_zt=23&_nc_ht=scontent.cdninstagram.com&edm=AM6HXa8EAAAA&_nc_gid=w24SrRh8r67mjl-FnEix9w&oh=00_AfJ78E-Q6C38wlKyvbmwgVXsiXLoSpcry2Rek7FVFqLkwg&oe=68259ADE', 'permalink' : 'https://www.instagram.com/reel/DDGnLxsSXhX/', } , { 'id': '', 'mediaUrl': 'https:\/\/scontent.cdninstagram.com\/v\/t51.29350-15\/468580202_3853889004822823_3597129888219428097_n.jpg?stp=dst-jpg_e35_tt6&_nc_cat=108&ccb=7-5&_nc_sid=18de74&_nc_ohc=Ehg49bgIID8Q7kNvwHot8Nh&_nc_oc=AdkrFjeivnZbFm2BYBsfQ9U-_Xv6rupXTBK0x_r0wIdIex3iVjoIPB1hnYrQJtKxarI&_nc_zt=23&_nc_ht=scontent.cdninstagram.com&edm=AM6HXa8EAAAA&_nc_gid=w24SrRh8r67mjl-FnEix9w&oh=00_AfJFN7VdfLn_b1hh085XmpFz7Ni38sVe1rkyjyMqUUvE4Q&oe=6825AA85', 'mediaType': 'CAROUSEL_ALBUM', 'thumbnailUrl': '', 'permalink' : 'https://www.instagram.com/p/DC5V4rqztN5/', } , { 'id': '', 'mediaUrl': 'https:\/\/scontent.cdninstagram.com\/v\/t51.75761-15\/468496909_18328817740152582_864710195198039107_n.jpg?stp=dst-jpg_e35_tt6&_nc_cat=108&ccb=7-5&_nc_sid=18de74&_nc_ohc=ToyEXTgGRt4Q7kNvwHPB9_L&_nc_oc=AdnDiKXFIV6KdleG9v7oC8TlmaCyoyPQwSbeayhYtabNkIkwAtbgnO3xhx8h2EY7Wrg&_nc_zt=23&_nc_ht=scontent.cdninstagram.com&edm=AM6HXa8EAAAA&_nc_gid=w24SrRh8r67mjl-FnEix9w&oh=00_AfIQu1vOV9vksgoKsalGMfIDmpRxwjkPg2mP8JzNXsSq2A&oe=6825A401', 'mediaType': 'IMAGE', 'thumbnailUrl': '', 'permalink' : 'https://www.instagram.com/p/DC2x7RgyIih/', } , { 'id': '', 'mediaUrl': 'https:\/\/scontent.cdninstagram.com\/v\/t51.29350-15\/468097331_579449414675196_8053219797609024774_n.jpg?stp=dst-jpg_e35_tt6&_nc_cat=100&ccb=7-5&_nc_sid=18de74&_nc_ohc=ct6tZrgCEq0Q7kNvwEAQXbP&_nc_oc=AdkhH0Q6t-OMmzhLhnXqPQmNwK1RoaK7_YoTZGIAAcZM4dsVUHltAwstfi50izTF74U&_nc_zt=23&_nc_ht=scontent.cdninstagram.com&edm=AM6HXa8EAAAA&_nc_gid=w24SrRh8r67mjl-FnEix9w&oh=00_AfIduage_kpHYdtyi2CXuERATg8JbU9KJm3IhPQd5pYfwQ&oe=6825BDB0', 'mediaType': 'CAROUSEL_ALBUM', 'thumbnailUrl': '', 'permalink' : 'https://www.instagram.com/p/DCxoXT_TSlk/', } , { 'id': '', 'mediaUrl': 'https:\/\/scontent.cdninstagram.com\/v\/t51.29350-15\/467802368_1081372280148176_8513086922423565875_n.jpg?stp=dst-jpg_e35_tt6&_nc_cat=103&ccb=7-5&_nc_sid=18de74&_nc_ohc=71bhBbVl-B4Q7kNvwG_t6xf&_nc_oc=AdlsT3kkegz9dXOfcXxe_UWq6zZ7N7dTLi__UWjdosxSmizdLDHpbvq-96nDikLPYKo&_nc_zt=23&_nc_ht=scontent.cdninstagram.com&edm=AM6HXa8EAAAA&_nc_gid=w24SrRh8r67mjl-FnEix9w&oh=00_AfLoINmHopsEEwo6zTklV8vl9oDNLGqY9Z0XlnKxwh5OSg&oe=6825C49A', 'mediaType': 'CAROUSEL_ALBUM', 'thumbnailUrl': '', 'permalink' : 'https://www.instagram.com/p/DCp5htRTGep/', } , { 'id': '', 'mediaUrl': 'https:\/\/scontent.cdninstagram.com\/v\/t51.29350-15\/467619419_3759780534295112_8603822042367025859_n.jpg?stp=dst-jpg_e35_tt6&_nc_cat=101&ccb=7-5&_nc_sid=18de74&_nc_ohc=_OsZmsqS0QUQ7kNvwF7dpVm&_nc_oc=Adkvo5hDQL8a8NiMVeXU3MB6LCMZK1oITKLdSlPFZwtjXd3mPs6lswpEj4ys1IFp1Zg&_nc_zt=23&_nc_ht=scontent.cdninstagram.com&edm=AM6HXa8EAAAA&_nc_gid=w24SrRh8r67mjl-FnEix9w&oh=00_AfIaVdYiT3BdZe4t4zW_ya3NuWsHN-lPQ8S501CJ7NOAhg&oe=6825A4FE', 'mediaType': 'CAROUSEL_ALBUM', 'thumbnailUrl': '', 'permalink' : 'https://www.instagram.com/p/DCkw3G7zfsB/', } , { 'id': '', 'mediaUrl': 'https:\/\/scontent.cdninstagram.com\/v\/t51.29350-15\/467315736_1543161029737904_6437071402541416205_n.jpg?stp=dst-jpg_e35_tt6&_nc_cat=105&ccb=7-5&_nc_sid=18de74&_nc_ohc=R3gCdPqXS1kQ7kNvwF1yPdP&_nc_oc=Adm4c049xbVc4lpJNjyQqZ_CghRZO1tuJ67I-s3aPEKCDCuSEEytV9lpgf7oMBr1H0A&_nc_zt=23&_nc_ht=scontent.cdninstagram.com&edm=AM6HXa8EAAAA&_nc_gid=w24SrRh8r67mjl-FnEix9w&oh=00_AfLpfNggI9M6lv-2PlV7Vp02UYUNzopMwYcL47jkE5lW3A&oe=6825B08C', 'mediaType': 'CAROUSEL_ALBUM', 'thumbnailUrl': '', 'permalink' : 'https://www.instagram.com/p/DCfnGWUTpE4/', } , { 'id': '', 'mediaUrl': 'https:\/\/scontent.cdninstagram.com\/v\/t51.29350-15\/467028653_550124964538699_4872808251780734553_n.jpg?stp=dst-jpg_e35_tt6&_nc_cat=104&ccb=7-5&_nc_sid=18de74&_nc_ohc=g-vrIdNGDPUQ7kNvwEoAlBp&_nc_oc=AdnPPE4_855kW9CYuoUEX4SNahfzsyin7nQAZuVfIX4gbJYRJkx-Qs0mkP-vZiAN3MA&_nc_zt=23&_nc_ht=scontent.cdninstagram.com&edm=AM6HXa8EAAAA&_nc_gid=w24SrRh8r67mjl-FnEix9w&oh=00_AfKb3A8dQgaYZfezHmPKVvktGQeUI_PniPKj4usTIaTXFA&oe=6825BF9F', 'mediaType': 'CAROUSEL_ALBUM', 'thumbnailUrl': '', 'permalink' : 'https://www.instagram.com/p/DCX7GAuzGZ_/', } , { 'id': '', 'mediaUrl': 'https:\/\/scontent.cdninstagram.com\/v\/t51.29350-15\/466649632_8413750065402738_7858920179772365878_n.jpg?stp=dst-jpg_e35_tt6&_nc_cat=104&ccb=7-5&_nc_sid=18de74&_nc_ohc=cT0wwJGY474Q7kNvwEoNOkp&_nc_oc=Adl4DdRJ9tPtwt3DohVK2akusy8lzYeBL4hWRzUiMb-9D59L0g5qd-32IAION_2i1LY&_nc_zt=23&_nc_ht=scontent.cdninstagram.com&edm=AM6HXa8EAAAA&_nc_gid=w24SrRh8r67mjl-FnEix9w&oh=00_AfJ_JGkYvey5nwvEqw5Kiqr4wltuZSLQiIUjGnu6MAKj-A&oe=6825C2E9', 'mediaType': 'CAROUSEL_ALBUM', 'thumbnailUrl': '', 'permalink' : 'https://www.instagram.com/p/DCQKy2yT0aU/', } , { 'id': '', 'mediaUrl': 'https:\/\/scontent.cdninstagram.com\/v\/t51.29350-15\/465897607_525173230338010_1662969345436616474_n.jpg?stp=dst-jpg_e35_tt6&_nc_cat=110&ccb=7-5&_nc_sid=18de74&_nc_ohc=-TByb1aT9W8Q7kNvwFBEZRI&_nc_oc=AdkOWsYOSJPaKPdJK8UtpId_Ob0351hX5dSYxSgw2dEzi8K13RwwqJc8TvcCfvp385s&_nc_zt=23&_nc_ht=scontent.cdninstagram.com&edm=AM6HXa8EAAAA&_nc_gid=w24SrRh8r67mjl-FnEix9w&oh=00_AfJ5VG5eGPeaNyflBQH4EMy-DP12MAM4OKlt1yJjqMhXEg&oe=6825A4C3', 'mediaType': 'CAROUSEL_ALBUM', 'thumbnailUrl': '', 'permalink' : 'https://www.instagram.com/p/DCF25v-T_9Y/', } , { 'id': '', 'mediaUrl': 'https:\/\/scontent.cdninstagram.com\/v\/t51.29350-15\/465804217_573655972005876_8912755950312782738_n.jpg?stp=dst-jpg_e35_tt6&_nc_cat=109&ccb=7-5&_nc_sid=18de74&_nc_ohc=U3n8q1UVqpEQ7kNvwFJ3F5M&_nc_oc=AdmHvZjGSo-MfKQcWgw4ueMLxeFF0GQa_VyviifYD1f_9HTWM_wvUxX-bUDogg64-Mg&_nc_zt=23&_nc_ht=scontent.cdninstagram.com&edm=AM6HXa8EAAAA&_nc_gid=w24SrRh8r67mjl-FnEix9w&oh=00_AfJ6n9hfZp-Ba7l7nrWreUtFtuhca4xMEtUg-9cTcqunzA&oe=68259CA7', 'mediaType': 'CAROUSEL_ALBUM', 'thumbnailUrl': '', 'permalink' : 'https://www.instagram.com/p/DCAthmATkSt/', } , { 'id': '', 'mediaUrl': 'https:\/\/scontent.cdninstagram.com\/v\/t51.29350-15\/465695573_1536153230344112_8074797246754767642_n.jpg?stp=dst-jpg_e35_tt6&_nc_cat=109&ccb=7-5&_nc_sid=18de74&_nc_ohc=iD9FDLVMZfIQ7kNvwGIAkDJ&_nc_oc=Adnd-iAGiSnfoypuJ_NLstkTpIx4gVPpj_evIsaIGBhtSd8kJKK2jiZpswaiBKEwx5s&_nc_zt=23&_nc_ht=scontent.cdninstagram.com&edm=AM6HXa8EAAAA&_nc_gid=w24SrRh8r67mjl-FnEix9w&oh=00_AfK7-FrWkJiDRuJCQjWSyDIM_nTenEURXbWVSOq2ow1y-w&oe=6825AA38', 'mediaType': 'CAROUSEL_ALBUM', 'thumbnailUrl': '', 'permalink' : 'https://www.instagram.com/p/DB7lzkiveFC/', } , { 'id': '', 'mediaUrl': 'https:\/\/scontent.cdninstagram.com\/v\/t51.29350-15\/465079072_1959005604579715_4488525639913648990_n.jpg?stp=dst-jpg_e35_tt6&_nc_cat=105&ccb=7-5&_nc_sid=18de74&_nc_ohc=35920HW29WMQ7kNvwHycVC6&_nc_oc=Adk6_oy9k-avKNyEPg6P8xNZGU-upYOrysX8FcxyXfk0XKY11KPbg_IiKjyfUvWH844&_nc_zt=23&_nc_ht=scontent.cdninstagram.com&edm=AM6HXa8EAAAA&_nc_gid=w24SrRh8r67mjl-FnEix9w&oh=00_AfJlLVzVRlOvps7pgw2Y0UkxQH4eaoAGH1XHLPpmbFOERA&oe=6825962F', 'mediaType': 'CAROUSEL_ALBUM', 'thumbnailUrl': '', 'permalink' : 'https://www.instagram.com/p/DBxTroHvkHD/', } , { 'id': '', 'mediaUrl': 'https:\/\/scontent.cdninstagram.com\/v\/t51.29350-15\/465018756_1235168524417318_7408503954285847528_n.jpg?stp=dst-jpg_e35_tt6&_nc_cat=101&ccb=7-5&_nc_sid=18de74&_nc_ohc=mbnyg13S3LAQ7kNvwEVA1YI&_nc_oc=AdnfbUWmernY9QExjdQooBP8NcmiwVpJOB1III9qVZODxuTbnJdSXO0oKn3fbkcUtCk&_nc_zt=23&_nc_ht=scontent.cdninstagram.com&edm=AM6HXa8EAAAA&_nc_gid=w24SrRh8r67mjl-FnEix9w&oh=00_AfLlUItFEc7bKKZqsPuwNieJe0NhjEe1Y4wsG03Nio-7Kw&oe=68259AA6', 'mediaType': 'CAROUSEL_ALBUM', 'thumbnailUrl': '', 'permalink' : 'https://www.instagram.com/p/DBsH1-xT-k1/', } , { 'id': '', 'mediaUrl': 'https:\/\/scontent.cdninstagram.com\/v\/t51.29350-15\/464296677_852794550394980_5872581570456641228_n.jpg?stp=dst-jpg_e35_tt6&_nc_cat=100&ccb=7-5&_nc_sid=18de74&_nc_ohc=elbz_Ukj4EEQ7kNvwGq9N1O&_nc_oc=AdkgSDytvI8kEl00lnELcLZuJh9cWHFEpAQ5ehAsY8BCWTylKmiBYp1Df0G-rQCD5zE&_nc_zt=23&_nc_ht=scontent.cdninstagram.com&edm=AM6HXa8EAAAA&_nc_gid=w24SrRh8r67mjl-FnEix9w&oh=00_AfKPjPU3u1o-BMt-aIrgdTumcnsNl1hcizPB11cQ5TqB1A&oe=68259D18', 'mediaType': 'CAROUSEL_ALBUM', 'thumbnailUrl': '', 'permalink' : 'https://www.instagram.com/p/DBh4k1Fzn9Q/', } ]; if(areaList.length == 0) { areaList = [{ administzoneSeq: '10048', ko: '화성시' }, { administzoneSeq: '10047', ko: '하남시' }, { administzoneSeq: '10046', ko: '포천시' }, { administzoneSeq: '10045', ko: '평택시' }, { administzoneSeq: '10043', ko: '파주시' }, { administzoneSeq: '10037', ko: '이천시' }, { administzoneSeq: '10036', ko: '의정부시' }, { administzoneSeq: '10035', ko: '의왕시' }, { administzoneSeq: '10034', ko: '용인시' }, { administzoneSeq: '10033', ko: '오산시' }, { administzoneSeq: '10031', ko: '연천군' }, { administzoneSeq: '10030', ko: '여주시' }, { administzoneSeq: '10029', ko: '양평군' }, { administzoneSeq: '10028', ko: '양주시' }, { administzoneSeq: '10027', ko: '안양시' }, { administzoneSeq: '10026', ko: '안성시' }, { administzoneSeq: '10025', ko: '안산시' }, { administzoneSeq: '10024', ko: '시흥시' }, { administzoneSeq: '10021', ko: '수원시' }, { administzoneSeq: '10020', ko: '성남시' }, { administzoneSeq: '10017', ko: '부천시' }, { administzoneSeq: '10014', ko: '동두천시' }, { administzoneSeq: '10011', ko: '남양주시' }, { administzoneSeq: '10010', ko: '김포시' }, { administzoneSeq: '10007', ko: '군포시' }, { administzoneSeq: '10006', ko: '구리시' }, { administzoneSeq: '10005', ko: '광주시' }, { administzoneSeq: '10004', ko: '광명시' }, { administzoneSeq: '10003', ko: '과천시' }, { administzoneSeq: '10002', ko: '고양시' }, { administzoneSeq: '10001', ko: '가평군' }] areaList = areaList.map(v=>{ return { code : v.administzoneSeq, codeNm :v.ko, value : 0, } }); } appMixins.push({ data: { noticeList: noticeList, areaList: areaList, themaList: [{ codeId: 'DSPY', codeNm: '전시' }, { codeId: 'PBLPRFR', codeNm: '공연' }, { codeId: 'EDC', codeNm: '교육' }, { codeId: 'VILAGE_AUTN', codeNm: '마을자치' }, { codeId: 'RESRCE_ROTAT', codeNm: '생태보전\/자원순환' }], feedList: feedList, swiperDataList: [], mode: 'area', searchKeyword: '', map : null, geocoder : null, markerList : [], themaSpaceList : [], targetThema : '', mainCopyValue : mainCopyValue, }, created: function() { }, mounted: async function() { const result = await axios.get("/usr/wap/jsonList.do?app=10515&listAll=Y"); this.themaSpaceList= result.data.data; // 초기 선택 await this.changeSearchItem("area"); var container = document.getElementById('map'); var options = { // 옵션 설정 center: new kakao.maps.LatLng(37.28932, 127.0535), // 경기도청 level: 9, // 지도 레벨 설정 (확대 레벨을 의미) // max : 13 }; this.map = new kakao.maps.Map(container, options); // 지도 초기화 this.geocoder = new kakao.maps.services.Geocoder(); // geocoder -> 주소 변환 툴 const space = this.themaSpaceList.find(v=>v.hasOwnProperty('theGeom')); this.setMarkerWithPoint(space,true); this.changeMarkerThema(''); }, methods: { searchForm: function(event) { if (this.searchKeyword.length == 0) { event.preventDefault(); alert('검색어를 입력하세요.'); return; } document.searchForm.submit(); }, getNoticeDetail: function(seq) { return contextPath + '/usr/wap/detail.do?app=10439&seq=' + seq; }, getSpceDetail: function(seq) { return contextPath + '/usr/wap/detail.do?app=10515&seq=' + seq; }, changeSearchField: async function(type) { this.mode = type; await this.changeSearchItem(type); mainSpaceArea.destroy(); mainSpaceArea.init(); /* mainSpaceList.destroy(); mainSpaceList.init(); */ }, changeSearchItem: async function(type, index) { if(!type) { return; } if(type == 'area' && index == undefined) { index = 10; setTimeout(v=>{ mainSpaceArea.swiper.slideTo(7, 300, false); },1); } else if(type == 'thema' && index == undefined) { index = 0; setTimeout(v=>{ mainSpaceArea.swiper.slideTo(0, 300, false); },1); } else if(index == undefined) { index = 0; setTimeout(v=>{ mainSpaceArea.swiper.slideTo(0, 300, false); },1); } for(let i = 0; i < this[type + 'List'].length; i++) { this[type + 'List'][i].selected = false; } this[type + 'List'][index].selected = true; const formData = new FormData(); formData.append("app", '10515'); formData.append(type + "Search", this[type + 'List'][index][type == 'area' ? 'code' : 'codeId']); formData.append("useAtSearch", 'Y'); formData.append("bsnsSeSearch", 'Y'); const res = axios.post("/usr/wap/jsonList.do", formData).then((res) => { this.swiperDataList = res.data.data; setTimeout(v=>{ mainSpaceList.destroy(); mainSpaceList.init(); },1); }); }, getInstaThumb: function(item) { return item.mediaType == 'VIDEO' ? item.thumbnailUrl : item.mediaUrl; }, setMarkerWithAdres : function(space) { const vm = this; console.log(space.adres); const spaceAdres = space.adres ? space.adres.split(',')[0] : ''; if(spaceAdres) { console.warn(spaceAdres); this.geocoder.addressSearch(space.adres.split(',')[0], function(result, status) { if (status === kakao.maps.services.Status.OK) { var coords = new kakao.maps.LatLng(result[0].y, result[0].x); // lng : 경도 x lat: 위도 y if(vm.marker != null) { vm.marker.setMap(null); } const parser = new DOMParser(); const parserToHtml = parser.parseFromString(space.spceNm,"text/html"); const title = parserToHtml.body.innerText const content = ` <a href="/usr/wap/detail.do?app=10515&seq=${space.spceSeq}" class="map-name" style="${space.useAt == 'N' ? 'display: none;' : '' }"> <span>${title}</span> <i class="fa-sharp fa-solid fa-arrow-right"></i> </a> `; const customOverlay = new window.kakao.maps.CustomOverlay({ position: coords, content: content, yAnchor: 1, }); this.markerList.push(customOverlay); customOverlay.setMap(vm.map); // marker.setMap(vm.map); // vm.map.setCenter(coords); } }); } }, setMarkerWithPoint: function(space,isCenter) { const theGeom = space.theGeom; const point = theGeom.match(/^POINT\((.*?)\)/)[1].split(","); const coords = new kakao.maps.LatLng(point[0], point[1]); // lng : 경도 x lat: 위도 y const parser = new DOMParser(); const parserToHtml = parser.parseFromString(space.spceNm,"text/html"); const title = parserToHtml.body.innerText; const content = ` <a href="/usr/wap/detail.do?app=10515&seq=${space.spceSeq}" class="map-name ${space.bsnsSe == 'N' ? 'name-gray' : '' }" style="${space.useAt == 'N' ? 'display: none;' : '' }"> <span>${title}</span> <i class="fa-sharp fa-solid fa-arrow-right"></i> </a> `; const customOverlay = new window.kakao.maps.CustomOverlay({ position: coords, content: content, yAnchor: 1, }); customOverlay.setMap(this.map); this.markerList.push(customOverlay); if(isCenter){ this.map.setCenter(coords); } }, changeMarkerThema:function(thema) { this.targetThema = thema; let targetThemaSpaceList = []; if(this.targetThema.length == 0) { targetThemaSpaceList = this.themaSpaceList; } else { targetThemaSpaceList = this.themaSpaceList.filter(v=>v.thema?.includes(thema)); } this.resetMarkerList(); var coords = new kakao.maps.LatLng(37.28932, 127.0535); this.map.setCenter(coords); /* const targetSpace = targetThemaSpaceList.find(v=>v.hasOwnProperty("theGeom")); this.setMarkerWithPoint(targetSpace,true); */ targetThemaSpaceList.forEach((space)=>{ if(space.theGeom) { this.setMarkerWithPoint(space); } else { console.warn("not has point",space.spceSeq); } }) }, resetMarkerList : function() { this.markerList.forEach(marker=>{ marker.setMap(null); }); this.markerList.length = 0; }, setMapToMyPosition : function() { if (navigator.geolocation) { // GeoLocation을 이용해서 접속 위치를 얻어옵니다 navigator.geolocation.getCurrentPosition((position)=> { var lat = position.coords.latitude, // 위도 lon = position.coords.longitude; // 경도 var locPosition = new kakao.maps.LatLng(lat, lon); this.map.setCenter(locPosition); }); } }, setMapZoomIn : function() { const level = this.map.getLevel(); this.map.setLevel(level-1); }, setMapZoomOut : function() { const level = this.map.getLevel(); this.map.setLevel(level+1); } } });</script><!-- //main content --> </div> <!-- footer --> <footer id="footer"> <div class="footer-wrap"> <div class="container"> <div class="footer-contents"> <a href="/main.do" class="logo"> <img src="/site/eco/ko/images/common/footer_logo.png;jsessionid=8DA22B589D7C2EFC6FEC1F50D6D43056" alt="" /> </a> <div class="footer-text-wrap"> <ul class="title-box"> <li> <a href="/usr/wap/detail.do?app=10566&seq=10003">행정정보공개</a> </li> </ul> <div class="text-box"> <div class="title">(재) 경기문화재단 지역문화본부 지역문화팀, 경기도 의정부시 청사로 6번길 15, 4층 지역문화팀</div> <div class="text"> <p><span class="point">TEL</span> 031-853-9322</p> <p><span class="point">FAX</span> 031-853-9048</p> </div> <div class="company">COPYRIGHT © GGCF All Right Reserved</div> </div> </div> <div class="footer-sns"> <div class="sns-item"> <a href="https://www.facebook.com/gecomuseum" target="_blank"> <i class="facebook"></i> <div class="blind">페이스북</div> </a> </div> <div class="sns-item"> <a href="https://www.instagram.com/gg_ecomuseum/" target="_blank"> <i class="instagram"></i> <div class="blind">인스타그램</div> </a> </div> </div> </div> </div> </div> </footer> <!-- //footer --> <div id="all_menu" class="all-menu" data-lenis-prevent> <div class="all-menu-wrap"> <div class="all-menu-group"> <div class="all-menu-list"> <div class="all-menu-head"> <div class="logo-box"> <img src="/site/eco/ko/images/common/all_menu_logo.png;jsessionid=8DA22B589D7C2EFC6FEC1F50D6D43056" alt="" /> </div> <form id="mobile-search-form" name="mobileSearchForm" method="get" action="/usr/eco/srh/search.do;jsessionid=8DA22B589D7C2EFC6FEC1F50D6D43056" @submit="searchMobileForm($event)"> <div class="search-wrap"> <input type="search" class="search" id="mobileSearchKeyword" name="searchKeyword" v-model="mobileSearchKeyword" placeholder="검색어를 입력하세요" /> <button class="btn-search" @click="searchMobileForm($event)"> <i class="fa-solid fa-magnifying-glass"></i> <div class="blind">검색</div> </button> </div> </form> </div> <div class="all-menu-body"> <div class="menu-section" v-for="(item,index) in menu.subMenus"> <a :href="item.menuUrl" class="menu-title">{{ item.menuNm }}</a> <div class="menu-item"> <a class="item" v-for="(subItem,subIndex) in item.subMenus" :href="subItem.menuUrl">{{ subItem.menuNm }}</a> </div> </div> </div> </div> <div class="all-menu-bottom"> <div class="sns-wrap"> <a href="https://www.facebook.com/gecomuseum" class="btn-facebook btn-sns"> <img src="/site/eco/ko/images/common/sns_facsbook.svg;jsessionid=8DA22B589D7C2EFC6FEC1F50D6D43056" alt="" /> <span class="blind">페이스북</span> </a> <a href="https://www.instagram.com/gg_ecomuseum/" class="btn-instagram btn-sns"> <img src="/site/eco/ko/images/common/sns_instagram.png;jsessionid=8DA22B589D7C2EFC6FEC1F50D6D43056" alt="" /> <span class="blind">인스타그램</span> </a> </div> <div class="sub-text">COPYRIGHT GGCF All Right Reserved</div> </div> </div> <div class="btn-wrap"> <button type="button" id="btn_close_menu" class="btn-close"> <i class="far-sharp fa-solid fa-xmark-large"></i> <span class="blind">닫기</span> </button> </div> </div> <div id="all_menu_bg" class="all-menu-bg"></div> </div></div> <script>new Vue({ el: '#all_menu', data: { menu: { menuSeq: 0, menuNm: '홈', menuUrl: '/', author: '', subMenus: [ { menuSeq: 16060, menuNm: '경기에코뮤지엄', menuUrl: '/usr/wap/detail.do?app=10333&seq=10425&lang=ko', author: '', subMenus: [ { menuSeq: 16064, menuNm: '경기에코뮤지엄', menuUrl: '/usr/wap/detail.do?app=10333&seq=10425&lang=ko', author: '', subMenus: [], selected: false }, { menuSeq: 16065, menuNm: 'BI소개', menuUrl: '/usr/wap/detail.do?app=10333&seq=10423&lang=ko', author: '', subMenus: [], selected: false }, { menuSeq: 16066, menuNm: '공지사항', menuUrl: '/usr/wap/list.do?app=10439&listAll=Y&lang=ko', author: '', subMenus: [], selected: false }, { menuSeq: 16067, menuNm: '보도자료', menuUrl: '/usr/wap/list.do?app=10452&listAll=Y&lang=ko', author: '', subMenus: [], selected: false } ], selected: false }, { menuSeq: 16061, menuNm: '지원 사업', menuUrl: '/usr/wap/list.do?app=10515&listAll=Y&lang=ko', author: '', subMenus: [], selected: false }, { menuSeq: 16062, menuNm: '시민활동가 역량 강화', menuUrl: '/usr/wap/list.do?app=18364&listAll=Y&lang=ko', author: '', subMenus: [ { menuSeq: 16258, menuNm: '컨설팅', menuUrl: '/usr/wap/list.do?app=18364&listAll=Y&lang=ko', author: 'A[ROLE_ANONYMOUS]A[ROLE_USER]A[ROLE_ADMIN]', subMenus: [], selected: false }, { menuSeq: 18890, menuNm: '교육', menuUrl: '/usr/wap/list.do?app=18880&listAll=Y&lang=ko', author: 'A[ROLE_ANONYMOUS]A[ROLE_USER]A[ROLE_ADMIN]', subMenus: [], selected: false }, { menuSeq: 16254, menuNm: '네트워크', menuUrl: '/usr/wap/list.do?app=18360&listAll=Y&lang=ko', author: 'A[ROLE_ANONYMOUS]A[ROLE_USER]A[ROLE_ADMIN]', subMenus: [], selected: false }, { menuSeq: 16272, menuNm: '에코스테이', menuUrl: '/usr/wap/detail.do?app=10333&seq=10417&lang=ko', author: 'A[ROLE_ANONYMOUS]A[ROLE_USER]A[ROLE_ADMIN]', subMenus: [], selected: false } ], selected: false }, { menuSeq: 16063, menuNm: '아카이브', menuUrl: '/usr/wap/list.do?app=10557&listAll=Y&lang=ko', author: '', subMenus: [ { menuSeq: 16070, menuNm: '사진 및 영상', menuUrl: '/usr/wap/list.do?app=10557&listAll=Y&lang=ko', author: '', subMenus: [], selected: false }, { menuSeq: 16071, menuNm: '결과 자료집', menuUrl: '/usr/wap/list.do?app=10274&listAll=Y&lang=ko', author: '', subMenus: [], selected: false } ], selected: false } ], selected: false }, authorCode: 'ROLE_ANONYMOUS', groupSeq: '', userSeq: '', contextPath: contextPath, mobileSearchKeyword : '', }, methods: { notAuth(m) { if (m.author) { return m.author.indexOf('A[' + this.authorCode + ']') < 0 && m.author.indexOf('G[' + this.groupSeq + ']') < 0 && m.author.indexOf('U[' + this.userSeq + ']') < 0; } for (var i = 0; i < m.subMenus.length; i++) { if (this.notAuth(m.subMenus[i]) == false) { return false; } } return true; }, searchMobileForm : function(event) { if (this.mobileSearchKeyword.length == 0) { event.preventDefault(); alert('검색어를 입력하세요.'); return; } document.mobileSearchForm.submit(); }, },});</script> <script src="/site/eco/ko/js/ui.js?v=20241122"></script> <script> appMixins.push( { data: { }, created: function() { }, methods: { getParseContent: function(value) { const src = new DOMParser().parseFromString(value, "text/html"); return src.body.textContent; }, } } ); VueForm('#container', appMixins, function($v) { init(); // ui.js if ($v.initForm) { $v.initForm(); } });</script> </body></html> 
