My Name is Kay....

DIY , 먹방 , 개발 , 육아 , 여행 좋아합니다.
AdBlock 사용시 화면이 정상적으로 노출되지 않습니다.
포스팅 관련 문의 및 개발 문의는 Email : wkzkfmxksi@gmail.com

추가 포스팅이 이뤄지지 않는 블로그입니다. 문의는 wkzkfmxksi@gmail.com 으로 연락주세요.
map
2013.08.29 09:58

다음맵 로드뷰

kay
조회 수 5306 추천 수 0 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄 첨부
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄 첨부

다음맵 로드뷰 샘플입니다..


testUrl : http://www.uhoon.co.kr/test/1980.html


로드뷰.png


<!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=API키" 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>


?

List of Articles
번호 분류 제목 글쓴이 날짜 조회 수
5 map 다음맵 로드뷰 + 주소로 위경도 검색 file kay 2014.06.03 4664
4 etc 다음 블로그 검색연동 ( XML , JSON ) kay 2013.11.14 3229
» map 다음맵 로드뷰 file kay 2013.08.29 5306
2 etc 다음 에디터 file kay 2013.06.27 3927
1 map 다음맵 마커 + 말풍선 kay 2013.02.06 8175
Board Pagination Prev 1 Next
/ 1