"이광우(李光友)"의 두 판 사이의 차이
red
(→주석) |
|||
82번째 줄: | 82번째 줄: | ||
{{NetworkGraph | title=이광우(李光友).lst}} | {{NetworkGraph | title=이광우(李光友).lst}} | ||
{{버튼클릭|[[이광우(李光友).lst|데이터 네트워크 페이지로 가기]]}} | {{버튼클릭|[[이광우(李光友).lst|데이터 네트워크 페이지로 가기]]}} | ||
+ | |||
+ | =='''전자지도'''== | ||
+ | <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:960px;height:540px;"></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.11842926400681, 128.00434736899592), // 지도의 중심좌표 | ||
+ | level: 12// 지도의 확대 레벨 | ||
+ | }; | ||
+ | |||
+ | 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.11842926400681, 128.00434736899592); // 마커가 표시될 위치입니다 | ||
+ | |||
+ | // 마커를 생성합니다 | ||
+ | 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(36.11842926400681, 128.00434736899592); | ||
+ | |||
+ | // 커스텀 오버레이를 생성합니다 | ||
+ | var customOverlay = new daum.maps.CustomOverlay({ | ||
+ | map: map, | ||
+ | position: position, | ||
+ | content: content, | ||
+ | yAnchor: 1 | ||
+ | }); | ||
+ | |||
+ | </script> | ||
+ | </body> | ||
+ | </html> | ||
+ | |||
==주석== | ==주석== |
2019년 11월 2일 (토) 14:08 판
이광우(李光友) | |
대표명칭 | 이광우 |
---|---|
한자표기 | 李光友 |
생몰년 | 1529년-1619년 |
본관 | 합천(陜川) |
호 | 죽각(竹閣) |
자 | 화보(和甫) |
출신지 | 단성(丹城) 배양(培養) 마을 |
시대 | 조선 중기 |
대표저서 | 죽각문집(竹閣文集) |
부 | 이잠(李潛) |
조부 | 이승문(李承文) |
증조부 | 이계통(李季通) |
모 | 이잠(李潛)의 처 성주이씨 |
외조부 | 이계유(李繼裕) |
배우자 | 이광우(李光友)의 처 함종어씨 |
배우자부 | 어응성(魚應星) |
딸 | 하광국(河光國)의 처 합천이씨 |
외부 자원
- 『한국민족문화대백과사전』, "이광우"
- 『한국민족문화대백과사전』, "죽각문집"
- 『한국역대인물 종합정보시스템』, "이광우(李光友)"
- 사단법인 남명학연구원 홈페이지, "이광우(李光友)"
관계 정보
- hasMaster
- 이광우(李光友) 조식(曺植) hasMaster
- 이광곤(李光坤) 조식(曺植) hasMaster
- hasSon
- 이계통(李季通) 이승문(李承文) hasSon
- 이승문(李承文) 이원(李源) hasSon
- 이승문(李承文) 이잠(李潛) hasSon
- 이원(李源) 이광곤(李光坤) hasSon
- 이잠(李潛) 이광우(李光友) hasSon
- 하광국(河光國) 하홍도(河弘度) hasSon
- 문익점(文益漸) 문중용(文中庸) hasSon
- 문중용(文中庸) 문승노(文承魯) hasSon
- hasWife
- 이잠(李潛) 이잠(李潛)의_처 hasWife
- 이광우(李光友) 이광우(李光友)의_처 hasWife
- 하광국(河光國) 하광국(河光國)의_처 hasWife
- 이계통(李季通) 이계통(李季通)의_처 hasWife
- hasDaughter
- 이계유(李繼裕) 이잠(李潛)의_처 hasDaughter
- 어응성(魚應星) 이광우(李光友)의_처 hasDaughter
- 이광우(李光友) 하광국(河光國)의_처 hasDaughter
- 문승노(文承魯) 이계통(李季通)의_처 hasDaughter
- creator
- 죽각문집(竹閣文集) 이광우(李光友) creator
데이터 네트워크
전자지도