"안양군 태실지"의 두 판 사이의 차이
둘러보기로 가기
검색하러 가기
이미지 마커와 커스텀 오버레이 + 지도에 지형도 표시하기
| 40번째 줄: | 40번째 줄: | ||
=='''정의'''== | =='''정의'''== | ||
| − | 조선의 9대 왕 성종(成宗)과 귀인 정씨(貴人鄭氏)소생으로, 성종의 | + | 조선의 9대 왕 성종(成宗)과 귀인 정씨(貴人鄭氏)소생으로, 성종의 3남인 안양군 태실에 관한 종합 정보 페이지. |
| + | |||
| + | =='''지식 관계망'''== | ||
| + | |||
| + | =='''시각자료'''== | ||
| + | <gallery> | ||
| + | File:Royaltomb.png|묘역 사진 | ||
| + | File:stele.png|비석 사진 | ||
| + | File:stature.png|석물 사진 | ||
| + | File:vase.png|출토유물 사진 | ||
| + | </gallery> | ||
| + | <!-- | ||
| + | ===가상현실=== | ||
| + | ====현재의 묘역==== | ||
| + | *가상현실 예시 : 충주 억정사지 | ||
| + | <html> | ||
| + | <iframe width="100%" height="600" src="http://dh.aks.ac.kr/Encyves/Pavilions/D037/Eokjeongsaji.htm" frameborder="0" allowfullscreen></iframe> | ||
| + | </html> | ||
| + | |||
| + | ====초장 추정지==== | ||
| + | *가상현실 예시 : 용인 서봉사지 | ||
| + | <html> | ||
| + | <iframe width="100%" height="600" src="http://dh.aks.ac.kr/Encyves/Pavilions/D016/Sebongsaji.htm" frameborder="0" allowfullscreen></iframe> | ||
| + | </html> | ||
| + | --> | ||
| + | ===갤러리=== | ||
| + | |||
| + | =='''전자지도'''== | ||
| + | <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:900px;height:500px;"></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(36.893960, 127.766148), // 지도의 중심좌표 | ||
| + | level: 13// 지도의 확대 레벨 | ||
| + | }; | ||
| + | |||
| + | 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(36.117633, 128.004498); // 마커가 표시될 위치입니다 | ||
| + | |||
| + | // 마커를 생성합니다 | ||
| + | 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/Encyves/Pavilions/D016/Sebongsaji.htm" target="_blank">' + | ||
| + | ' <span class="title">정종태실 초장지</span>' + | ||
| + | ' </a>' + | ||
| + | '</div>'; | ||
| + | |||
| + | // 커스텀 오버레이가 표시될 위치입니다 | ||
| + | var position = new daum.maps.LatLng(36.117633, 128.004498); | ||
| + | |||
| + | // 커스텀 오버레이를 생성합니다 | ||
| + | var customOverlay = new daum.maps.CustomOverlay({ | ||
| + | map: map, | ||
| + | position: position, | ||
| + | content: content, | ||
| + | yAnchor: 1 | ||
| + | }); | ||
| + | |||
| + | 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.664667, 126.860611); // 마커가 표시될 위치입니다 | ||
| + | |||
| + | // 마커를 생성합니다 | ||
| + | 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/Encyves/Pavilions/D037/Eokjeongsaji.htm" target="_blank">' + | ||
| + | ' <span class="title">서삼릉 정종태실</span>' + | ||
| + | ' </a>' + | ||
| + | '</div>'; | ||
| + | |||
| + | // 커스텀 오버레이가 표시될 위치입니다 | ||
| + | var position = new daum.maps.LatLng(37.664667, 126.860611); | ||
| + | |||
| + | // 커스텀 오버레이를 생성합니다 | ||
| + | var customOverlay = new daum.maps.CustomOverlay({ | ||
| + | map: map, | ||
| + | position: position, | ||
| + | content: content, | ||
| + | yAnchor: 1 | ||
| + | }); | ||
| + | |||
| + | </script> | ||
| + | </body> | ||
| + | </html> | ||
| + | |||
| + | =='''참고 자료'''== | ||
| + | <!-- | ||
| + | ===학술적 성격의 저작물=== | ||
| + | ===대중적 성격의 콘텐츠=== | ||
| + | *[https://blog.naver.com/wjddlsdl81/50176426370 네이버 블로그 '은유의 달콤한 나의 도시' 게시물 : 드라마 '대왕세종' / 너무 가슴아픈 정소공주의 죽음] | ||
| + | --> | ||
| + | =='''주석'''== | ||
| + | <references/> | ||
2019년 8월 31일 (토) 16:55 판
| 안양군 태실(安陽君 胎室) | |
| 식별자 | PC025 |
|---|---|
| 분류 | 왕자공주 태실 |
| 한글명 | 안양군 태실 |
| 한자명 | 安陽君 胎室 |
| 영문명 | Placenta Chamber of Prince Anyang |
| 피장자 명칭 | 안양군(安陽君) |
| 피장자 이칭 | 이항(李㤚)·공회공(恭懷公) |
| 피장자 부 | 성종(成宗) |
| 피장자 모 | 귀인 정씨(貴人鄭氏) |
| 피장자 생년월일 | 1480.01.05 |
| 피장자 몰년월일 | 1505 |
| 초장 연월일 | 1484.10.10 |
| 초장지 기록 | 경상북도 상주시 모동면 상판리 산51 |
| 이장 연월일 | 1930.05 |
| 이장지 | 고양시 덕양구 대자동 서삼릉 내 |
| 지문 | 皇明成化十六年,正月初五日生,王子壽聃阿只氏胎,成化二十年十月初十日,子時藏 |
| 지문 찬자 | 미상 |
| 지문 소장처 | 국립고궁박물관 |
| 태항아리 | 안양군 태지석 및 태항아리 일습 |
| 태항아리 소장처 | 국립고궁박물관 |
정의
조선의 9대 왕 성종(成宗)과 귀인 정씨(貴人鄭氏)소생으로, 성종의 3남인 안양군 태실에 관한 종합 정보 페이지.
지식 관계망
시각자료
갤러리
전자지도