※ 다음 지도 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/