다음맵 로드뷰
Open API/Daum2016. 10. 31. 09:23
반응형
다음맵에서 지원하는 로드뷰 샘플 코드입니다.
추가로 위경도 정보를 읽어와서 표시할수 있도록 했습니다.
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>로드뷰</title>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript" src="http://apis.daum.net/maps/maps3.js?apikey=51e40b674ec6f718ea6f04246c850e6de7ec841a" charset="utf-8"></script>
<script type="text/javascript">
function init() {
var p = new daum.maps.LatLng(37.567874958332034, 126.97975671440324);
var rc = new daum.maps.RoadviewClient();
var rv = new daum.maps.Roadview(document.getElementById("roadview"));
rc.getNearestPanoId(p, 50, function (panoid) {
rv.setPanoId(panoid, p);
});
daum.maps.event.addListener(rv, "position_changed", function () {
$("#latlon").val(rv.getPosition());
});
}
</script>
</head>
<body onload="init()">
<div id="roadview" style="width:600px;height:400px;"></div>
<input type="text" id="latlon" style="width:450px;"/>
</body>
</html>
댓글()
