"Panorama View Home"의 두 판 사이의 차이
| 15번째 줄: | 15번째 줄: | ||
<body> | <body> | ||
| − | <div id="map" style="width:800px;height: | + | <div id="map" style="width:800px;height:600px;"></div> |
<script type="text/javascript" src="//dapi.kakao.com/v2/maps/sdk.js?appkey=89916f622dee27781f9dd08224b875a1"></script> | <script type="text/javascript" src="//dapi.kakao.com/v2/maps/sdk.js?appkey=89916f622dee27781f9dd08224b875a1"></script> | ||
| 50번째 줄: | 50번째 줄: | ||
//map.removeOverlayMapTypeId(daum.maps.MapTypeId.TERRAIN); | //map.removeOverlayMapTypeId(daum.maps.MapTypeId.TERRAIN); | ||
| − | var imageSrc = ' | + | var imageSrc = 'https://t1.daumcdn.net/localimg/localimages/07/mapapidoc/marker_red.png', // 마커이미지의 주소입니다 |
| − | imageSize = new daum.maps.Size( | + | imageSize = new daum.maps.Size(40, 40), // 마커이미지의 크기입니다 |
imageOption = {offset: new daum.maps.Point(27, 69)}; // 마커이미지의 옵션입니다. 마커의 좌표와 일치시킬 이미지 안에서의 좌표를 설정합니다. | imageOption = {offset: new daum.maps.Point(27, 69)}; // 마커이미지의 옵션입니다. 마커의 좌표와 일치시킬 이미지 안에서의 좌표를 설정합니다. | ||
| 69번째 줄: | 69번째 줄: | ||
// 커스텀 오버레이에 표출될 내용으로 HTML 문자열이나 document element가 가능합니다 | // 커스텀 오버레이에 표출될 내용으로 HTML 문자열이나 document element가 가능합니다 | ||
var content = '<div class="customoverlay">' + | var content = '<div class="customoverlay">' + | ||
| − | ' <a href="http://dh.aks.ac.kr/ | + | ' <a href="http://dh.aks.ac.kr/~hoonhyeok/pavilion/SJG/SJG-02.htm" target="_blank">' + |
' <span class="title">성주관왕묘</span>' + | ' <span class="title">성주관왕묘</span>' + | ||
' </a>' + | ' </a>' + | ||
| 85번째 줄: | 85번째 줄: | ||
}); | }); | ||
| − | + | var imageSrc = 'https://t1.daumcdn.net/localimg/localimages/07/mapapidoc/marker_red.png', // 마커이미지의 주소입니다 | |
| − | var imageSrc = ' | + | imageSize = new daum.maps.Size(40, 40), // 마커이미지의 크기입니다 |
| − | imageSize = new daum.maps.Size( | ||
imageOption = {offset: new daum.maps.Point(27, 69)}; // 마커이미지의 옵션입니다. 마커의 좌표와 일치시킬 이미지 안에서의 좌표를 설정합니다. | imageOption = {offset: new daum.maps.Point(27, 69)}; // 마커이미지의 옵션입니다. 마커의 좌표와 일치시킬 이미지 안에서의 좌표를 설정합니다. | ||
// 마커의 이미지정보를 가지고 있는 마커이미지를 생성합니다 | // 마커의 이미지정보를 가지고 있는 마커이미지를 생성합니다 | ||
var markerImage = new daum.maps.MarkerImage(imageSrc, imageSize, imageOption), | var markerImage = new daum.maps.MarkerImage(imageSrc, imageSize, imageOption), | ||
| − | markerPosition = new daum.maps.LatLng(37. | + | markerPosition = new daum.maps.LatLng(37.493131071789186, 126.96715492640955); // 마커가 표시될 위치입니다 |
// 마커를 생성합니다 | // 마커를 생성합니다 | ||
| 106번째 줄: | 105번째 줄: | ||
var content = '<div class="customoverlay">' + | var content = '<div class="customoverlay">' + | ||
' <a href="http://dh.aks.ac.kr/Encyves/Pavilions/D037/Eokjeongsaji.htm" target="_blank">' + | ' <a href="http://dh.aks.ac.kr/Encyves/Pavilions/D037/Eokjeongsaji.htm" target="_blank">' + | ||
| − | ' <span class="title"> | + | ' <span class="title">남관왕묘</span>' + |
' </a>' + | ' </a>' + | ||
'</div>'; | '</div>'; | ||
// 커스텀 오버레이가 표시될 위치입니다 | // 커스텀 오버레이가 표시될 위치입니다 | ||
| − | var position = new daum.maps.LatLng(37. | + | var position = new daum.maps.LatLng(37.493131071789186, 126.96715492640955); |
// 커스텀 오버레이를 생성합니다 | // 커스텀 오버레이를 생성합니다 | ||
2021년 7월 13일 (화) 18:42 판
배치도
목록
| NO. | 지역 | 촬영 일시 | 특이사항 | Street View Page |
|---|---|---|---|---|
| 1 | 남관왕묘 | 년 월 일 | Panorama:1.남관왕묘 | |
| 2 | 동관왕묘 | 년 월 일 | Panorama:2.동관왕묘 | |
| 3 | 강진관왕묘 | 년 월 일 | Panorama:3.강진관왕묘 | |
| 4 | 안동관왕묘 | 년 월 일 | Panorama:4.안동관왕묘 | |
| 5 | 성주관왕묘 | 2021년 7월 13일 | Panorama:5.성주관왕묘 | |
| 6 | 남원관왕묘 | 년 월 일 | Panorama:6.남원관왕묘 |
