다음 약도만들기 지도 서비스

다음 지도를 이용한 약도만들기

 

기존에 홈페이지를 만들면서 찾아오시는길등에 다음지도를 사용해서 서비스를 해왔던 분들이 많을겁니다.

하지만 기존방식으로

 

<iframe src="http://dna.daum.net/include/tools/routemap/map_view.php?width=745&amp;height=375&amp;latitude=37.56351205050974&amp;longitude=126.99281950823138&amp;contents=test location&amp;zoom=4" width="745" height="375" scrolling="no" frameborder="0"></iframe>

 

위와 같이 사용하셨던 분들은 다음지도에서

 

이렇게 "지도서비스의 약도만들기로 변경이 필요합니다. 본 약도 서비스는 2016년 5월 30일 종료됩니다." 라는 문구를 보시게 될겁니다.

 

다른방법으로 이용을 해야 하는대 api 를 직접 사용하지 않고 다음에서 제공하는 약도만들기 편리한 2가지 방법이 있습니다.

 

첫번째 다음지도 에서 주소를 검색합니다.

http://map.daum.net/

상단 메뉴에 공유를 선택하고 지도 퍼가기를 클릭하면 지도 삽입 태그를 제공해 줍니다.

 

 

 

 

이 소스를 사용하셔도 되는대 마커가 없어서 정확한 위치와 상호명등을 보여줄수가 없습니다.

 

두번째 방법으로 첫번째와 마찬가지로 다음지도에서 상호나 주소를 검색합니다.

상호의 경우 검색 후 다음처럼 마커에 상호가 나오는대 상호를 클릭합니다.

 

 

 

업체에 대한 상세 페이지가 나오는대 우측 상단의 약도만들기를 클릭합니다.

 

 

약도만들기 화면에서 원하는 사이즈 아이콘 정보등을 선택하고 하단의 소스생성하기를 클릭합니다.

 

 

일반지도. 보안서버(https) 적용된 지도 , 이미지 지도를 선택해서 소스를 카피한후 원하는곳에 넣으시면 됩니다.

 

<!--
 * Daum 지도 - 약도서비스
 * 한 페이지 내에 약도를 2개 이상 넣을 경우에는
 * 약도의 수 만큼 소스를 새로 생성, 삽입해야 합니다.
-->
<!-- 1. 약도 노드 -->
<div id="daumRoughmapContainer1442975106652" class="root_daum_roughmap root_daum_roughmap_landing"></div>

<!-- 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" : "1442975106652",
  "key" : "5haj",
  "mapWidth" : "520",
  "mapHeight" : "300"
 }).render();
</script>

 

마지막으로 상호가 아닌 일반 주소의 경우는

주소를 검색한후 마커에 주소가 보이는 화면에서 지도공유를 클릭하고 지도 퍼가기를 선택합니다.

 

 

원하는 크기와 아이콘을 선택한후 소스 생성하기를 하면 위와 유사한 소스를 받으실수있습니다.

 

별도의 회원가입이나 이런 절차 없이 간단하게 다음에서 제공하는 지도를 사용하여 다양한 곳에 이용하실수있습니다.