Joseongdang - 편집 역사

Red: /* 한곡寒谷 */

2023-01-09T16:01:45Z

‎한곡寒谷

Red: /* 한곡寒谷 */

2023-01-09T16:01:09Z

‎한곡寒谷

Red: /* 요산腰山 */

2023-01-09T14:25:20Z

‎요산腰山

Red: /* 요산腰山 */

2023-01-09T14:17:24Z

‎요산腰山

Red: /* 한곡寒谷 */

2023-01-09T14:14:43Z

‎한곡寒谷

Red: /* 한곡寒谷 */

2023-01-09T14:13:34Z

‎한곡寒谷

Red: /* 한곡寒谷 */

2023-01-09T14:12:42Z

‎한곡寒谷

Red: /* 한곡寒谷 */

2023-01-09T14:12:06Z

‎한곡寒谷

Red: /* 한곡寒谷 */

2023-01-09T14:10:55Z

‎한곡寒谷

Red: /* 한곡寒谷 */

2023-01-09T14:00:55Z

‎한곡寒谷

@@ 16번째 줄: / 16번째 줄: @@
 ----
 <html>
-<iframe width="96%" height="800px" src="http://redint.info/geo/JoseungdangPlace.htm"></iframe>
+<iframe width="100%" height="800px" src="http://redint.info/geo/JoseungdangPlace.htm"></iframe>
 <br/>
 <input type="button" value="확대보기" onclick="location.href='http://redint.info/geo/JoseungdangPlace.htm'">

@@ 16번째 줄: / 16번째 줄: @@
 ----
 <html>
-<head>
+<iframe width="96%" height="800px" src="http://redint.info/geo/JoseungdangPlace.htm"></iframe>
-    <meta charset="utf-8">
+<br/>
-    <title>다른 이미지로 마커 생성하기</title>
+<input type="button" value="확대보기" onclick="location.href='http://redint.info/geo/JoseungdangPlace.htm'">
 </html>
 <br /><br />
 ===요산'''腰山'''===

@@ 58번째 줄: / 58번째 줄: @@
 ===요산'''腰山'''===
 ----
 <br/><br/>
 ===가동'''檟洞, 可洞'''===
 <br/><br/>

@@ 57번째 줄: / 57번째 줄: @@
 ===요산'''腰山'''===
 <br/><br/>
 ===가동'''檟洞, 可洞'''===
 <br/><br/>

@@ 35번째 줄: / 35번째 줄: @@
 var imageSrc = 'http://redint.info/images/placeholder_village_red.png', // 마커이미지의 주소입니다
-     imageSize = new kakao.maps.Size(64, 69), // 마커이미지의 크기입니다
+     imageSize = new kakao.maps.Size(46, 62), // 마커이미지의 크기입니다
      imageOption = {offset: new kakao.maps.Point(27, 69)}; // 마커이미지의 옵션입니다. 마커의 좌표와 일치시킬 이미지 안에서의 좌표를 설정합니다.

@@ 40번째 줄: / 40번째 줄: @@
 // 마커의 이미지정보를 가지고 있는 마커이미지를 생성합니다
 var markerImage = new kakao.maps.MarkerImage(imageSrc, imageSize, imageOption),
-     markerPosition = new kakao.maps.LatLng(37.54699, 127.09598); // 마커가 표시될 위치입니다
+     markerPosition = new kakao.maps.LatLng(36.67859, 128.89978); // 마커가 표시될 위치입니다
 // 마커를 생성합니다

@@ 28번째 줄: / 28번째 줄: @@
 var mapContainer = document.getElementById('map'), // 지도를 표시할 div
      mapOption = {
-         center: new kakao.maps.LatLng(37.54699, 127.09598), // 지도의 중심좌표
+         center: new kakao.maps.LatLng(36.67859, 128.89978), // 지도의 중심좌표
          level: 4 // 지도의 확대 레벨
      };

@@ 34번째 줄: / 34번째 줄: @@
 var map = new kakao.maps.Map(mapContainer, mapOption); // 지도를 생성합니다
-var imageSrc = 'https://t1.daumcdn.net/localimg/localimages/07/mapapidoc/marker_red.png', // 마커이미지의 주소입니다
+var imageSrc = 'http://redint.info/images/placeholder.png', // 마커이미지의 주소입니다
      imageSize = new kakao.maps.Size(64, 69), // 마커이미지의 크기입니다
      imageOption = {offset: new kakao.maps.Point(27, 69)}; // 마커이미지의 옵션입니다. 마커의 좌표와 일치시킬 이미지 안에서의 좌표를 설정합니다.

@@ 18번째 줄: / 18번째 줄: @@
 <head>
      <meta charset="utf-8">
-     <title>이미지 마커와 커스텀 오버레이 + 지도에 지형도 표시하기</title>
+     <title>다른 이미지로 마커 생성하기</title>
-     <style>
 </head>
 <body>
-<div id="map" style="width:100%;height:600px;"></div>
+<div id="map" style="width:100%;height:350px;"></div>
 <script type="text/javascript" src="//dapi.kakao.com/v2/maps/sdk.js?appkey=89916f622dee27781f9dd08224b875a1"></script>
@@ 36번째 줄: / 28번째 줄: @@
 var mapContainer = document.getElementById('map'), // 지도를 표시할 div
      mapOption = {
-         center: new daum.maps.LatLng(35.29109329869123, 127.95670187698191), // 지도의 중심좌표
+         center: new kakao.maps.LatLng(37.54699, 127.09598), // 지도의 중심좌표
-         level: 9// 지도의 확대 레벨
+         level: 4 // 지도의 확대 레벨
      };
-var map = new daum.maps.Map(mapContainer, mapOption); // 지도를 생성합니다
+var map = new kakao.maps.Map(mapContainer, mapOption); // 지도를 생성합니다
 // 마커의 이미지정보를 가지고 있는 마커이미지를 생성합니다
-var markerImage = new daum.maps.MarkerImage(imageSrc, imageSize, imageOption),
+var markerImage = new kakao.maps.MarkerImage(imageSrc, imageSize, imageOption),
-     markerPosition = new daum.maps.LatLng(35.29109329869123, 127.95670187698191); // 마커가 표시될 위치입니다
+     markerPosition = new kakao.maps.LatLng(37.54699, 127.09598); // 마커가 표시될 위치입니다
 // 마커를 생성합니다
-var marker = new daum.maps.Marker({
+var marker = new kakao.maps.Marker({
-  position: markerPosition,
+    position: markerPosition,
-  image: markerImage // 마커이미지 설정
+    image: markerImage // 마커이미지 설정
 });
 // 마커가 지도 위에 표시되도록 설정합니다
 marker.setMap(map);
 </script>
 </body>
 </html>
 <br/><br/>