64번째 줄:
64번째 줄: ==전자지도==
==전자지도==
− <html>
− <head>
− <meta charset="utf-8">
− <title>이미지 마커와 커스텀 오버레이 + 지도에 지형도 표시하기</title>
− <style>
− .customoverlay {position:relative;bottom:85px;border-radius:6px;border: 1px solid #ccc;border-bottom:2px solid #ddd;float:left;}
− .customoverlay:nth-of-type(n) {border:0; box-shadow:0px 1px 2px #888;}
− .customoverlay a {display:block;text-decoration:none;color:#000;text-align:center;border-radius:6px;font-size:14px;font-weight:bold;overflow:hidden;background: #d95050;background: #d95050 url(http://t1.daumcdn.net/localimg/localimages/07/mapapidoc/arrow_white.png) no-repeat right 14px center;}
− .customoverlay .title {display:block;text-align:center;background:#fff;margin-right:35px;padding:10px 15px;font-size:14px;font-weight:bold;}
− .customoverlay:after {content:'';position:absolute;margin-left:-12px;left:50%;bottom:-12px;width:22px;height:12px;background:url('http://t1.daumcdn.net/localimg/localimages/07/mapapidoc/vertex_white.png')}
− </style>
− </head>
−
−
− <body>
− <div id="map" style="width:800px;height:600px;"></div>
−
− <script type="text/javascript" src="//dapi.kakao.com/v2/maps/sdk.js?appkey=89916f622dee27781f9dd08224b875a1"></script>
− <script>
− var mapContainer = document.getElementById('map'), // 지도를 표시할 div
− mapOption = {
− center: new daum.maps.LatLng(35.91551925194255, 128.28380765238913), // 지도의 중심좌표
− level: 5 // 지도의 확대 레벨
− };
−
− var map = new daum.maps.Map(mapContainer, mapOption); // 지도를 생성합니다
−
− // 지도에 지형정보를 표시하도록 지도타입을 추가합니다
− map.addOverlayMapTypeId(daum.maps.MapTypeId.TERRAIN);
−
− // 아래 코드는 위에서 추가한 지형정보 지도타입을 제거합니다
− map.removeOverlayMapTypeId(daum.maps.MapTypeId.TERRAIN);
−
− // 일반뷰와 스카이뷰로 타입 전환이 가능한 컨트롤 생성
− var mapTypeControl = new daum.maps.MapTypeControl();
−
− // 지도에 컨트롤을 추가해야 지도위에 표시됩니다
− // daum.maps.ControlPosition은 컨트롤이 표시될 위치를 정의하는데 TOPRIGHT는 오른쪽 위를 의미합니다
− map.addControl(mapTypeControl, daum.maps.ControlPosition.TOPRIGHT);
−
− // 지도 확대 축소를 제어할 수 있는 줌 컨트롤을 생성합니다
− var zoomControl = new daum.maps.ZoomControl();
− map.addControl(zoomControl, daum.maps.ControlPosition.RIGHT);
−
− //지형정보 표시
− //map.addOverlayMapTypeId(daum.maps.MapTypeId.TERRAIN);
−
− // 아래 코드는 위에서 추가한 지형정보 지도타입 제거
− //map.removeOverlayMapTypeId(daum.maps.MapTypeId.TERRAIN);
−
− var imageSrc = 'https://t1.daumcdn.net/localimg/localimages/07/mapapidoc/marker_red.png', // 마커이미지의 주소입니다
− imageSize = new daum.maps.Size(40, 40), // 마커이미지의 크기입니다
− imageOption = {offset: new daum.maps.Point(27, 69)}; // 마커이미지의 옵션입니다. 마커의 좌표와 일치시킬 이미지 안에서의 좌표를 설정합니다.
−
− // 마커의 이미지정보를 가지고 있는 마커이미지를 생성합니다
− var markerImage = new daum.maps.MarkerImage(imageSrc, imageSize, imageOption),
− markerPosition = new daum.maps.LatLng(35.91551925194255, 128.28380765238913); // 마커가 표시될 위치입니다
−
− // 마커를 생성합니다
− var marker = new daum.maps.Marker({
− position: markerPosition,
− image: markerImage // 마커이미지 설정
− });
−
− // 마커가 지도 위에 표시되도록 설정합니다
− marker.setMap(map);
−
− // 커스텀 오버레이에 표출될 내용으로 HTML 문자열이나 document element가 가능합니다
− var content = '<div class="customoverlay">' +
− ' <a href="http://dh.aks.ac.kr/~hoonhyeok/pavilion/SJG/SJG-02.htm" target="_blank">' +
− ' <span class="title">성주관왕묘</span>' +
− ' </a>' +
− '</div>';
−
− // 커스텀 오버레이가 표시될 위치입니다
− var position = new daum.maps.LatLng(35.91551925194255, 128.28380765238913);
−
− // 커스텀 오버레이를 생성합니다
− var customOverlay = new daum.maps.CustomOverlay({
− map: map,
− position: position,
− content: content,
− yAnchor: 1
− });
−
− </script>
− </body>
− </html>
−
==주석==
==주석==
성주관왕묘
명칭
성주관왕묘
한문명칭
星州關王廟
유형
관왕묘
건립일
1598년
건립 기록
『연려실기술』, 『임하필기』, 『성호사설』 등.
주소
경상북도 성주군 성주읍 경산길 38
위도
35.915519
경도
128.283823
문화재 지정
비지정
개요 성주관왕묘는 1598년 임진왜란에 참전하기 위해 조선에 입국한 명나라 장수 모국기(茅國器)가 세운 것으로, 가장 이른 시기에 건립된 국내 관왕묘들 가운데 하나이다. 현지 안내판에서 소개하는 바에 따르면 선조 30년(1597)에 세워진 것이라 하는데, 사실일 경우 임진왜란을 계기로 건립된 관왕묘들 가운데서도 최초의 사례라 할 수 있다. 그러나 각 지방의 관왕묘 건립자들인 진린, 설호신, 모국기 등은 모두 선조 31년(1598)에 조선에 입국하여 참전한 장수들이므로 성주관왕묘의 건립 연도 또한 1598년으로 보는 것이 타당할 것이다.
『임하필기』에 따르면 본래 성주성 동문 밖에 건립되었으나 영조 3년(1727)에 현재의 경산길 위치로 이전되었다고 한다.
비슷한 시기에 창건된 다른 지방의 관왕묘들인 고금도관왕묘, 남원관왕묘, 안동관왕묘가 모두 문화재에 지정되어 지자체의 관리를 받고 있는 것과 달리 유독 성주관왕묘는 비지정 문화재로 남아있다.
현황 현재 성주관왕묘는 독립적인 권역으로 존재하는 것이 아니라 성주읍의 사찰인 관운사(關雲寺)의 권역에 포함된 형태로 남아있다. 관운사는 그 이름에서 짐작되듯 관우를 모시기 위해 1963년도에 창건된 사찰로, 본래대로라면 안동관왕묘와 서악사의 관계처럼 관왕묘와 수호사찰의 역할을 했을 것으로 짐작되나 현재는 관운사 내부에 성주관왕묘의 건물과 소상이 보존되고 있다.
관련 기록
지식 관계망
시각자료 파노라마
스틸 갤러리 전자지도 주석 
