"영왕 태실지"의 두 판 사이의 차이
둘러보기로 가기
검색하러 가기
이미지 마커와 커스텀 오버레이 + 지도에 지형도 표시하기
잔글 |
잔글 (→전자지도) |
||
76번째 줄: | 76번째 줄: | ||
=='''전자지도'''== | =='''전자지도'''== | ||
+ | <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:100%;height:800px;" align="center"></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(37.585258,126.990044), // 지도의 중심좌표 | ||
+ | level: 4// 지도의 확대 레벨 | ||
+ | }; | ||
+ | |||
+ | 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 = 'http://dh.aks.ac.kr/~ssn/images/marker_red.png', // 마커이미지의 주소입니다 | ||
+ | imageSize = new daum.maps.Size(50, 50), // 마커이미지의 크기입니다 | ||
+ | imageOption = {offset: new daum.maps.Point(27, 69)}; // 마커이미지의 옵션입니다. 마커의 좌표와 일치시킬 이미지 안에서의 좌표를 설정합니다. | ||
+ | |||
+ | // 마커의 이미지정보를 가지고 있는 마커이미지를 생성합니다 | ||
+ | var markerImage = new daum.maps.MarkerImage(imageSrc, imageSize, imageOption), | ||
+ | markerPosition = new daum.maps.LatLng(37.585258,126.990044); // 마커가 표시될 위치입니다 | ||
+ | |||
+ | // 마커를 생성합니다 | ||
+ | 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/~ssn/pavilion/Field_PC/PC021/PC021.htm" target="_blank">' + | ||
+ | ' <span class="title">영친왕 태실 초안지</span>' + | ||
+ | ' </a>' + | ||
+ | '</div>'; | ||
+ | |||
+ | // 커스텀 오버레이가 표시될 위치입니다 | ||
+ | var position = new daum.maps.LatLng(37.585258,126.990044); | ||
+ | |||
+ | // 커스텀 오버레이를 생성합니다 | ||
+ | var customOverlay = new daum.maps.CustomOverlay({ | ||
+ | map: map, | ||
+ | position: position, | ||
+ | content: content, | ||
+ | yAnchor: 1 | ||
+ | }); | ||
+ | |||
+ | </script> | ||
+ | </body> | ||
+ | </html> | ||
=='''참고 자료'''== | =='''참고 자료'''== |
2020년 1월 13일 (월) 07:21 판
영친왕 태실(英親王 胎室) | |
식별자 | PC021 |
---|---|
분류 | 왕자공주 태실 |
한글명 | 영친왕 태실 |
한자명 | 英親王 胎室 |
영문명 | Placenta Chamber of Prince Imperial Yeong |
피안자 명칭 | 영친왕(英親王) |
피안자 이칭 | 이은(李垠)·의민황태자(懿愍皇太子)·자(字) 광천(光天)·호(號) 명휘(明輝) |
피안자 부 | 고종(高宗) |
피안자 모 | 순헌황귀비(純獻皇貴妃) 엄씨(嚴氏) |
피안자 생년월일 | 1897.09.25 |
피안자 몰년월일 | 1970.05.01 |
안태 연월일 | 1897.10.01 『영친왕 태지석』 |
안태지 기록 | 창덕궁 후원 경내 정유(丁酉) 태봉(胎峯) 『창덕궁 태봉도』 |
안태지 좌표(위도) | 37°58'52.58"N |
안태지 좌표(경도) | 126°99'00.44"E |
안태지 주소 | 서울특별시 종로구 와룡동 2-71 |
문화재 지정여부 | 미지정 |
이안 연월일 | 1929 추정 |
이안지 | 고양시 덕양구 대자동 서삼릉 내 |
이안지 좌표(위도) | 37°66'45.61"N, |
이안지 좌표(경도) | 126°86'06.29"E |
지문 | 明治三十年丁酉,九月,二十五日生,王殿下胎,明治三十年丁酉,十月,一日,藏于昌德宮秘苑,昭和四年,月,日移藏 |
지문 찬자 | 이왕직 예식과(李王職 禮式課) |
지문 소장처 | 국립고궁박물관 |
태항아리 | 영친왕 태지석 및 태항아리 일습 |
태항아리 소장처 | 국립고궁박물관 |
목차
내용
대한제국 마지막 황태자이자 제2대 이왕 영친왕의 태실이다. 영친왕은 태어난 직후 태실이 조성되었다.
그 태실은 창덕궁 후원의 능허정 인근에 마련되었다. 덕혜옹주를 비롯한 다른 형제들의 태실 역시 능허정 인근에 마련한 것과 같다.
이후 일제가 서삼릉으로 태실을 모을 때 함께 반출되어 지금에 이르고 있다.
지식 관계망
태실 지식 관계망
시각자료
파노라마
스틸샷 갤러리
수치지형도
전자지도
참고 자료
학술적 성격의 저작물
1.고문헌
- 이왕직(李王職) 예식과(禮式課), 『태봉(胎封)』, 1928, 한국학중앙연구원 장서각 소장.
2.단행본
- 국립문화재연구소, 『서삼릉태실』, 국립문화재연구소, 1999.
- 심현용, 『한국 태실 연구』, 경인문화사, 2016.
3.논문
- 윤석인, 『조선왕실의 태실 변천 연구』, 단국대학교 석사학위논문, 2000.