행위

"SinhyeonDiary"의 두 판 사이의 차이

red

(→‎가계도)
(→‎묘역)
 
(같은 사용자의 중간 판 12개는 보이지 않습니다)
1번째 줄: 1번째 줄:
−
==='''가계도'''===
+
==='''가계도''' <small>Family Tree</small>===
 +
{{버튼클릭|[[SinhyeonFamilytree.lst|가계도 네트워크 데이터]]}}
 
{{NetworkGraph | title=SinhyeonFamilytree.lst}}
 
{{NetworkGraph | title=SinhyeonFamilytree.lst}}
  
−
==='''무진년'''(戊辰年, 1808년)===
+
==='''묘역'''===
 +
*'''평산신씨 묘역 주소:''' 경기도 광주시 초월읍 무갑리 540-3
 +
 
 +
<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: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(37.41917290945605, 127.31372292584153), // 지도의 중심좌표
 +
        level: 9// 지도의 확대 레벨
 +
    };
 +
 
 +
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/~red/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.41917290945605, 127.31372292584153); // 마커가 표시될 위치입니다
 +
 
 +
// 마커를 생성합니다
 +
var marker = new daum.maps.Marker({
 +
  position: markerPosition,
 +
  image: markerImage // 마커이미지 설정
 +
});
 +
 
 +
// 마커가 지도 위에 표시되도록 설정합니다
 +
marker.setMap(map); 
 +
 
 +
// 커스텀 오버레이에 표출될 내용으로 HTML 문자열이나 document element가 가능합니다
 +
var content = '<div class="customoverlay">' +
 +
    '  ' +
 +
    '    <span class="title">평산신씨 묘역</span>' +
 +
    '  ' +
 +
    '</div>';
 +
 
 +
// 커스텀 오버레이가 표시될 위치입니다
 +
var position = new daum.maps.LatLng(37.41917290945605, 127.31372292584153); 
 +
 
 +
// 커스텀 오버레이를 생성합니다
 +
var customOverlay = new daum.maps.CustomOverlay({
 +
    map: map,
 +
    position: position,
 +
    content: content,
 +
    yAnchor: 1
 +
});
 +
 
 +
</script>
 +
</body>
 +
</html>
 +
 
 +
==='''관력'''===
 +
 
 +
==='''무진년''' <small>戊辰年, '''1808'''년</small>===
 
----
 
----
 
===='''11'''월 일기====
 
===='''11'''월 일기====

2020년 5월 18일 (월) 10:30 기준 최신판

가계도 Family Tree

가계도 네트워크 데이터


묘역

  • 평산신씨 묘역 주소: 경기도 광주시 초월읍 무갑리 540-3

이미지 마커와 커스텀 오버레이 + 지도에 지형도 표시하기

관력

무진년 戊辰年, 1808년

11월 일기

1808년 11월 11일 1808년 11월 12일 1808년 11월 13일 1808년 11월 14일 1808년 11월 15일 1808년 11월 16일 1808년 11월 17일
1808년 11월 18일 1808년 11월 19일 1808년 11월 20일 1808년 11월 21일 1808년 11월 22일 1808년 11월 23일 1808년 11월 24일
1808년 11월 25일 1808년 11월 26일 1808년 11월 27일 1808년 11월 28일 1808년 11월 29일 1808년 11월 30일

12월 일기


기사년(己巳年, 1809년)

경오년(庚午年, 1810년)

신미년(辛未年, 1811년)

임신년(壬申年, 1812년)

계유년(癸酉年, 1813년)

갑술년(甲戌年, 1814년)

을해년(乙亥年, 1815년)

병자년(丙子年, 1816년)

정축년(丁丑年, 1817년)

기묘년(己卯年, 1819년)

경진년(庚辰年, 1820년)

신사년(辛巳年, 1821년)

원본 주소 "http://dh.aks.ac.kr/~red/wiki/index.php?title=SinhyeonDiary&oldid=10664"