행위

"Joseongdang"의 두 판 사이의 차이

red

(한곡寒谷)
(요산腰山)
57번째 줄: 57번째 줄:
  
 
===요산'''腰山'''===
 
===요산'''腰山'''===
 +
----
 +
<html>
 +
<head>
 +
    <meta charset="utf-8">
 +
    <title>요산</title>
 +
   
 +
</head>
 +
<body>
 +
<div id="map" style="width:100%;height:350px;"></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 kakao.maps.LatLng(36.86904, 128.68156), // 지도의 중심좌표
 +
        level: 4 // 지도의 확대 레벨
 +
    };
 +
 +
var map = new kakao.maps.Map(mapContainer, mapOption); // 지도를 생성합니다
 +
 +
var imageSrc = 'http://redint.info/images/placeholder_village_red.png', // 마커이미지의 주소입니다   
 +
    imageSize = new kakao.maps.Size(46, 62), // 마커이미지의 크기입니다
 +
    imageOption = {offset: new kakao.maps.Point(27, 69)}; // 마커이미지의 옵션입니다. 마커의 좌표와 일치시킬 이미지 안에서의 좌표를 설정합니다.
 +
     
 +
// 마커의 이미지정보를 가지고 있는 마커이미지를 생성합니다
 +
var markerImage = new kakao.maps.MarkerImage(imageSrc, imageSize, imageOption),
 +
    markerPosition = new kakao.maps.LatLng(36.86904, 128.68156); // 마커가 표시될 위치입니다
 +
 +
// 마커를 생성합니다
 +
var marker = new kakao.maps.Marker({
 +
    position: markerPosition,
 +
    image: markerImage // 마커이미지 설정
 +
});
 +
 +
// 마커가 지도 위에 표시되도록 설정합니다
 +
marker.setMap(map); 
 +
</script>
 +
</body>
 +
</html>
 +
 
<br/><br/>
 
<br/><br/>
 +
 
===가동'''檟洞, 可洞'''===
 
===가동'''檟洞, 可洞'''===
 
<br/><br/>
 
<br/><br/>

2023년 1월 9일 (월) 22:47 판

메인 페이지로 가기


조성당 김택룡의 생활공간

Joseongdang(操省堂) Kim Taek-ryong(金澤龍)


Place


한곡寒谷


다른 이미지로 마커 생성하기



요산腰山


요산



가동檟洞, 可洞