[네이버 지도] 로컬환경(localhost)에서 NAVER 지도 API v3 사용 하기

NAVER 지도 API v3를 사용하기 위해서는 Application 등록 후 발급되는 클라이언트 아이디를 이용해서 인증해야 한다.

Application 등록시 지도를 사용할 URL을 추가해야 하는데 로컬주소를 입력해 네이버 지도를 로컬환경에서도 사용하게 할 수 있다.

아래는 로컬환경에서 네이버 지도를 사용하기 위한 설정 방법이다.

 

 

1. NAVER CLOUD PLATFORM 웹사이트 접속 후 우측 상단의 「콘솔」버튼 클릭

https://www.ncloud.com/

 

 

2. 콘솔의 「AI·Application Service」 ⇒ 「AI·NAVER API」 ⇒ 「Application」 ⇒ 「Application 등록」버튼 클릭

3.「Service 선택」 ⇒ 「서비스 환경 등록」 ⇒ 「WEB 서비스 URL(최대 10개)」추가  ⇒ 「저장」버튼 클릭

 

「WEB 서비스 URL(최대 10개)」에서 네이버지도를 사용할 URL를 추가할 때 로컬 환경에서 지도를 사용하고 싶으면 포트번호와 하위경로를 포함한 해당 로컬 환경의 전체 URL경로를 적어주어야 한다.

http://localhost:8080/test/main/main_view.do	로컬 환경 에서 지도 사용 가능
http://localhost:8080/	로컬 환경 에서 지도 사용 불가
http://localhost/	로컬 환경 에서 지도 사용 불가
http://127.0.0.1:8080/	로컬 환경 에서 지도 사용 불가
http://127.0.0.1	로컬 환경 에서 지도 사용 불가

 

 

4. 등록한 애플리케이션의 「인증 정보」버튼 클릭 후 클라이언트 아이디 확인

 

「Application key」의「Client ID」가 발급된 클라이언트 아이디이고, 이 아이디를 통해 NAVER 지도 API v3를 사용할 수 있게 된다.

 

---

[네이버 지도] 로컬환경(localhost)에서 NAVER 지도 API v3 사용 하기

[네이버 지도] NAVER 지도 생성하기 + 예제

[네이버 지도] NAVER 지도의 출력 언어 변경하기 + 예제

[네이버 지도] NAVER 지도에 마커(Marker) 표시하기 (단일,다중마커) + 예제

[네이버 지도] NAVER 지도 이미지를 마커(Marker)로 사용하기 + 예제

---

참조
클라이언트 아이디 발급
https://navermaps.github.io/maps.js.ncp/docs/tutorial-1-Getting-Client-ID.html
NAVER 지도 API v3
https://navermaps.github.io/maps.js.ncp/docs/

 

---

글 내용 중 잘못된 부분이 있거나, 첨부하실 내용이 있으시면 댓글로 남겨주세요. 공부하는데 많은 도움이 됩니다.
-- 기억의 유효기간은 생각보다 짧다. --