다음 지도 삽입

API 삽입 소스

<div id="DaumMap" style="width:1300px; height:600px;"></div>

<div id="DaumMapMain"></div>

<script src="http://dapi.kakao.com/v2/maps/sdk.js?appkey=카카오 개발자사이트 (https://developers.kakao.com)에서 발급받은 키값"></script>

<script>

var mapContainer = document.getElementById('DaumMapMain'), // 지도를 표시할 div 

    mapOption = {

        center: new daum.maps.LatLng(36.39085, 127.40654), // 지도의 중심좌표

        level: 4, // 지도의 확대 레벨

        mapTypeId : daum.maps.MapTypeId.ROADMAP // 지도 종류

    }; 

// 지도를 생성한다 

var map = new daum.maps.Map(mapContainer, mapOption);

// 마우스 휠과 모바일 터치를 이용한 지도 확대, 축소를 막는다

map.setZoomable(false);

// 지도에 마커를 생성하고 표시한다

var marker = new daum.maps.Marker({

    position: new daum.maps.LatLng(36.39085, 127.40654), // 마커의 좌표

    map: map // 마커를 표시할 지도 객체

});

// 마커 위에 표시할 인포윈도우를 생성한다

var infowindow = new daum.maps.InfoWindow({

    content : '<div style="padding:5px; text-align:center; margin:0 auto;">세이프텍리서치</div>' // 인포윈도우에 표시할 내용

});

// 인포윈도우를 지도에 표시한다

infowindow.open(map, marker);

</script>

---

퍼가기 소스

<!-- * Daum 지도 - 지도퍼가기 -->

<!-- 1. 지도 노드 -->

<div id="daumRoughmapContainer1511238395374" class="root_daum_roughmap root_daum_roughmap_landing"></div>

<!--

2. 설치 스크립트

* 지도 퍼가기 서비스를 2개 이상 넣을 경우, 설치 스크립트는 하나만 삽입합니다.

-->

<script charset="UTF-8" class="daum_roughmap_loader_script" src="http://dmaps.daum.net/map_js_init/roughmapLoader.js"></script>

<!-- 3. 실행 스크립트 -->

<script charset="UTF-8">

new daum.roughmap.Lander({

"timestamp" : "1511238395374",

"key" : "kjms",

"mapWidth" : "1300",

"mapHeight" : "600"

}).render();

</script>

카카오 개발자 센터(Kakao Developers) : https://developers.kakao.com/apps/163263

다음 지도 Web API Wizard : http://apis.map.daum.net/web/

위도,경도로 구글지도 검색하기 : http://umint.tistory.com/1

위치검색, 위성(위도,경도), 고도찾기 - 구글지도 : http://blog.naver.com/PostView.nhn?blogId=fly2husky&logNo=220166727618

HamaSoft Daum Map - 워드프레스 플러그인 : http://www.hamasoft.com/hamas-daum-map/

구글맵에서 위도, 경도 좌표 추출하는 법 : https://guideple.wordpress.com/2013/09/10/구글맵에서-위도-경도-좌표-추출하는-법/

구글맵 - 구글 지도로 위도 경도 찾는 방법 : http://leelsm.tistory.com/45