HTML 네이버 지도 예제 파일 보기
페이지 정보
작성자
오원장
쪽지보내기
메일보내기
자기소개
아이디로 검색
전체게시물
댓글 0건
조회 6,896회
작성일 12-04-20 14:33
본문
링크를 클릭하시면 네이버 지도 api 사용법에 대한 예제를 볼 수 있습니다.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> Sample 07 </TITLE>
</HEAD>
<BODY>
<SCRIPT type="text/javascript" src="http://openapi.map.naver.com/js/naverMap.naver?key=인증키"></SCRIPT>
<div id='mapContainer' style='width:300px;height:300px'></div>
<SCRIPT LANGUAGE="JavaScript">
<!--
/*지도 개체 생성 */
var opts = {width:500, height:300, mapMode:1};
var mapObj = new NMap(document.getElementById('mapContainer'),opts);
/* 지도 좌표, 축적 수 준 초기화 */
mapObj.setCenterAndZoom(new NPoint(321198,529730),3);
/* 지도 컨트롤 생성 */
var zoom = new NZoomControl();
zoom.setAlign("right");
zoom.setValign("top");
mapObj.addControl(zoom);
/* 지도 모드 변경 버튼 생성 */
var mapBtns = new NMapBtns();
mapBtns.setAlign("right");
mapBtns.setValign("top");
mapObj.addControl(mapBtns);
//-->
</SCRIPT>
</BODY>
</HTML>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> Sample 07 </TITLE>
</HEAD>
<BODY>
<SCRIPT type="text/javascript" src="http://openapi.map.naver.com/js/naverMap.naver?key=인증키"></SCRIPT>
<div id='mapContainer' style='width:300px;height:300px'></div>
<SCRIPT LANGUAGE="JavaScript">
<!--
/*지도 개체 생성 */
var opts = {width:500, height:300, mapMode:1};
var mapObj = new NMap(document.getElementById('mapContainer'),opts);
/* 지도 좌표, 축적 수 준 초기화 */
mapObj.setCenterAndZoom(new NPoint(321198,529730),3);
/* 지도 컨트롤 생성 */
var zoom = new NZoomControl();
zoom.setAlign("right");
zoom.setValign("top");
mapObj.addControl(zoom);
/* 지도 모드 변경 버튼 생성 */
var mapBtns = new NMapBtns();
mapBtns.setAlign("right");
mapBtns.setValign("top");
mapObj.addControl(mapBtns);
//-->
</SCRIPT>
</BODY>
</HTML>
관련링크
댓글목록
등록된 댓글이 없습니다.