네이버 지도 api 예제

네이버 지도 api를 사용하기 위한 키(Client ID) 생성 하기

전체 기초 간단 예제
등록일 :

네이버 지도 api 를 사용하기위한 키(Client ID) 생성 하기


예전에는 개발자 센터에서 간단히 설정후 키를 생성할 수 있었습니다. 하지만 지금은 "네이버 클라우드 플랫폼" 에 가입을 해야 키를 받을 수 있습니다. 만약 기존 개발자 센터에서 받은 키를 사용중 이라면 갱신해 주어야 합니다. 기존 키는 종료될 예정이니까요. 종료된 키를 사용하게되면 지도가 나타나지 않습니다.

아래는 네이버 클라우드 플랫폼에서 애플리케이션을 생성해서 키를 발급 받는 과정만 설명되어있습니다. 클라우드 플랫폼에 가입하려면 꽤 복잡한 절차가 필요합니다. 실제 결제 가능한 카드까지 등록해야 합니다.

지도를 사용하려면 네이버가 야심차게 준비한 클라우드 플랫폼을 무조건 써야하는 것입니다. 개인적으로는 예전의 개발자 센터가 심플해서 더 좋았지만 바뀌는 환경에 적응을 해야겠지요.

그리고 이제 사용량이 적더라도 더 이상 지도사용은 무료가 아닙니다!! 건당 요금이 부과되도록 바뀌었습니다. 이 예제에서 소개하는 웹용지도(Web Dynamic Map)는 호출당 0.1원입니다. 2019년 12월 31일까지는 무료입니다.

※ 아래 내용은 기준입니다.

지도 이용신청 페이지로 가기


회원 가입을 잘 마치셨다면 메인화면에서 스크롤을 내려
Application Service 의 Maps 로 들어갑니다.

Maps 이용 신청하기


위 메뉴에서 이용신청하기를 눌러줍니다.

Application 설정 하기


이름을 입력하고 사용할 지도 서비스를 선택해 주세요.
※ 위에서 선택한 지도서비스는 호출 건당 0.1원 입니다.


지도를 사용할 도메인을 입력하고 추가 버튼을 눌러줍니다.
도메인이 여러개일 경우 전부 추가해 주면됩니다.

입력하지 않은 도메인에서 지도를 호출할 경우
지도는 나타나지 않습니다.

애플리케이션 생성 완료

생성이 완료되었다면 위 처럼 생성된 애플리케이션의 목록이 보입니다.
키는 인증정보를 누르면 볼 수 있습니다. 눌러봅시다.

키(Client ID) 확인하기


생성된 Client ID 복사해서 지도스크립트 로딩시 사용하면 됩니다.

지도 스크립트 로딩 예 (이 사이트에서 실제 사용중)

<script src="https://openapi.map.naver.com/openapi/v3/maps.js?ncpClientId=mn7cwsrvym"></script>

지도 사용

발급받은 키로 생성해본 지도입니다.

많은 험난한 과정을 넘어 이제
이런 지도를 사용할 수 있습니다.
축하드립니다 (!?)

방문해 주셔서 감사드립니다 !!