"2019 0918 답사계획(경기일대)"의 두 판 사이의 차이

SeosamneungWiki.
둘러보기로 가기 검색하러 가기
30번째 줄: 30번째 줄:
  
 
=='''답사지'''==
 
=='''답사지'''==
 +
<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(37.752799616047554, 127.33405350856906), // 지도의 중심좌표
 +
        level: 7 // 지도의 확대 레벨
 +
    };
 +
 +
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.697705745288424, 126.87818594524094); // 마커가 표시될 위치입니다
 +
 +
// 마커를 생성합니다
 +
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(37.697705745288424, 126.87818594524094); 
 +
 +
// 커스텀 오버레이를 생성합니다
 +
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.66515978073629, 126.85959477999705); // 마커가 표시될 위치입니다
 +
 +
// 마커를 생성합니다
 +
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.66515978073629, 126.85959477999705); 
 +
 +
// 커스텀 오버레이를 생성합니다
 +
var customOverlay = new daum.maps.CustomOverlay({
 +
    map: map,
 +
    position: position,
 +
    content: content,
 +
    yAnchor: 1
 +
});
 +
 +
</script>
 +
</body>
 +
</html>
  
 
=='''참여자'''==
 
=='''참여자'''==

2019년 9월 3일 (화) 17:49 판

답사목적

  • 경기 동북지역 분묘 초장지 및 태실지 현장조사
  • 사진 및 3D 실사가상현실 등 관련 시각자료 제작을 위한 자원 획득

답사일정

시작시간 종료시간 소요시간 성격 내용 특이사항
08:00 09:00 1H 식사 집결 및 아침식사 한중연 인근에서 식사
09:00 11:00 2H 이동 한중연에서 중종 태실지로 이동
11:00 13:00 2H 답사 중종 태실지 답사
13:00 13:10 10M 이동 중종 태실지에서 '삼삼조약돌숯불닭갈비'로 이동
13:10 14:00 1H 식사 '삼삼조약돌숯불닭갈비'에서 점심식사
14:00 15:00 1H 이동 '삼삼조약돌숯불닭갈비'에서 왕자 수장과 영수의 태실 추정지로 이동
15:00 18:00 3H 답사 왕자 수장과 영수의 태실 추정지 답사
18:00 19:00 1H 이동 왕자 수장과 영수의 태실 추정지에서 한중연으로 이동
19:00 20:00 1H 식사 한중연 인근에서 저녁 식사
20:00 해산 해산 답사 종료 및 해산

답사지

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

참여자

연구원

연구보조원

기타정보