매뉴얼

지도API Daum 지도 로드뷰 만들기

※ 다음 지도 api를 사용하기 위해서는 API Key를 발급받아야 합니다.

 http://apis.map.daum.net/ 여기를 먼저 방문해서 key를 발급받으시기 바랍니다.

 

<!-- 로드뷰를 표시할 div 입니다 -->
<div id="roadview" style="width:100%;height:800px;"></div>

<script type="text/javascript" src="//dapi.kakao.com/v2/maps/sdk.js?appkey=발급받은 API Key를 여기 입력하세요"></script>

<script>
var roadviewContainer = document.getElementById('roadview'); //로드뷰를 표시할 div
var roadview = new daum.maps.Roadview(roadviewContainer)
var roadviewClient = new daum.maps.RoadviewClient();

var position = new daum.maps.LatLng(35.17969, 129.07564);

//로드뷰 생성
roadviewClient.getNearestPanoId(position, 100, function(panoId) {
    roadview.setPanoId(panoId, position);
});
</script>

 

완성화면 : http://wdev.anybuild.co.kr/page/d_loadview

다음 지도 API 메뉴얼 http://apis.map.daum.net/web/guide/

다음 지도 API 마법사 http://apis.map.daum.net/web/wizard/

게시글 공유 URL복사 cyworld
댓글작성

열기 닫기

댓글작성
top