피플투피플소셜네트웍스(주) 인터넷의 시작 이로긴 :: 고객만족 웹호스팅, 도메인, 서버호스팅, 이미지링크, 무료쇼핑몰, 웹메일
 
리셀러제휴추천인혜택적립금제도트래픽알림
home회원가입로그인     
소프트웨어 할인 판매24시간365일고객지원
도메인 호스팅 웹메일 무료서비스 홈페이지제작 비즈니스 이로긴강좌 고객센터 나의서비스
Member Login
아이디저장 보안
회원가입아이디ㆍ비밀번호찾기
ns1.elogin.co.kr
110.45.165.11
ns2.elogin.co.kr
110.45.165.12

웹프로그램개발
홈페이지제작,쇼핑몰제작

02-805-0456
세금계산서,현금영수증 신청
신용카드영수증 발행 신청
무통장입금 알리미

Home > 회원광장 > 팁&태그

올린이 : 노성우 [124.xxx.39.xxx] 조회수: 2740 2010-01-29 12:46:17
   제 목 : openapi 이용하여 간단하게  네이버 맵 쓰기
홈페이지 : http://www.moneybag.co.kr, Hit:652

openapi 이용하여 간단하게  네이버 맵 쓰기.
얼마전에 알바건으로 네이버 맵 연동을 붙여드린 사이트가 있어서.간단하게 쓰고자 하실때 쓰시라고 소스를 올려드립니다.
1. http://dev.naver.com 으로 가셔서 naver api key 를 발급받습니다.
2. naver map 의 경우 지정한 사이트에서만 api key 가 작동하니 사용하실 사이트를 적습니다.
3. 소스 갑니다.
<div id="mapContainer"></div><script type="text/JavaScript" src="http://maps.naver.com/js/naverMap.naver?key=<?= __NAVER_API_KEY__ ?>"></script>
var mapObj = new NMap(document.getElementById('mapContainer'),600,500); // 네이버 맵 을 적용할 위치와 크기를 지정
mapObj.setCenterAndZoom(new NPoint(380897, 435504), 2); // 해당 좌표로 지도를 이동시키고 확대.
/* 네이버 맵은 좌표를 두가지 사용합니다. 하나는 포인트 정보이고, 하나는 위,경도 입니다. 전 포인트를 썼습니다. */
var zoom = new NZoomControl();
zoom.setAlign("right");
zoom.setValign("bottom");
mapObj.addControl(zoom); // 지도 확대 축소 버튼을 지도 우측 하단에 위치
요정도만 하면 딱 지도가 나옵니다.




 
적립금정책회사소개채용안내스팸정책개인정보취급방침 서비스약관찾아오시는길사이트맵