네이버맵 api을 통해 지도만들기(키 값만들기중심으로)

2013. 12. 20. 17:54구글강좌

네이버맵 api을 통해 지도만들기(키 값만들기중심으로)


구글맵외에도 네이버맵, 다음맵등이 존재한다. 그래서 또 하나의 작은 도전으로 네이버맵을 통해 나만의 지도을 만들기 위해 도전중이다. 구글맵에 비해 좀더 이해하기 쉬운 매뉴얼등을 제공하기 때문에 도전한다.



1. 네이버에서 네이버맵 API key를 발급받는다.


  우측 하단에 있는 키 발급 관리를 클릭한다. 물론 사전에 네이버로그인후에 키 값을 발급받을 수 있다.


그림입니다.
원본 그림의 이름: CLP000008280008.bmp
원본 그림의 크기: 가로 1002pixel, 세로 688pixel



https://dev.naver.com/openapi/register  지도 API 키를 등록한 후에 키를 저장한다.



2. 키 발급받는다. 


그림입니다.
원본 그림의 이름: CLP000008280009.bmp
원본 그림의 크기: 가로 817pixel, 세로 500pixel


3. 지도 API 키 발급

  

  사용환경, 웹사이트, 보안절차등을 입력한 후 키 발급을 받는다.


그림입니다.
원본 그림의 이름: CLP00000828000a.bmp
원본 그림의 크기: 가로 797pixel, 세로 611pixel




4. 키 값을 메모해 둔다.


그림입니다.
원본 그림의 이름: CLP00000828000b.bmp
원본 그림의 크기: 가로 810pixel, 세로 152pixel


b7e668e9280*0feae9f961e8**96e384




5. 규칙에 맞게 지오코딩한다.


  (1) http://openapi.map.naver.com/api/geocode.php?

  (2) key=키값을 입력한다. (네이버맵 키값)

  (3) &encoding=utf-8(인토딩 규격이다)

  (4) &coord=tm128(코딩네이션을 정하는 곳)

  (5) &query=주소(지도에 넣을 주소을 실제주소입력, 서울시 중랑구 묵동 241-13번지)



참고자료 : http://developer.naver.com/wiki/pages/StaticMap


그림입니다.
원본 그림의 이름: CLP00000828000c.bmp
원본 그림의 크기: 가로 990pixel, 세로 502pixel






3. 레퍼런스 :

 

  http://dev.naver.com/openapi/apis/map/javascript_2_0/reference#coordtrans