[네이버 지도 API] 내 사이트에 네이버 지도 API 키 받아 연동하기

최근 부모님의 의뢰를 받아 브랜드 소개 사이트를 만들고 있습니다.

이렇게 말하면 거창한 거 같긴 한데 부모님의 새로운 사업을 위한 웹 사이트 제작을 하고 있습니다.

개발을 배우기 잘했다고 생각이 들 때인 거 같네요..ㅋㅋ

 

브랜드나 매장 소개 사이트를 방문하면 대개 '오시는 길' 또는 '매장 안내' 같은 섹션이 있습니다.

구현하려면 여러 지도 API도 있을 거고, 가장 간단할 방법으로는 지도 이미지를 캡처해서 사진으로 넣는 방법도 (?) 있을 거 같은데,

역시 정석은 지도 API를 연동하는 것 같습니다.

 

우리나라 포털 1짱 네이버 지도를 연결하는 방법을 알아봅시다!

 

1. 네이버 클라우드 플랫폼 방문하기

https://www.ncloud.com/

NAVER CLOUD PLATFORM

위의 주소를 들어가 회원가입 후 로그인 해줍니다.

 

 

2. 결제 수단 등록

결제 수단을 등록해야만 지도 사용 신청을 받을 수 있더라고요.

결제하실 카드를 등록해주시면 됩니다. 진입 방법을 모르시면 저처럼 처음 가입 시 콘솔 누르셔도 안내되는 내용입니다.

 

3. 콘솔에서 지도 서비스 찾기

결제 등록 후에 다시 콘솔 누르시면 아래와 같은 화면이 나오는데, 서비스 양이 많으니 검색어에 'Maps' 입력해서 찾아주세요.

 

찾아서 '이용 신청' 누르시면 됩니다.

잘 하셨다면 아래처럼 Application 등록 버튼으로 바뀝니다.

 

 

4. Application 등록하기

사용하실 Application의 이름을 등록하고, API를 선택해주세요.

저희가 사용할 용도는 'Dynamic Map'입니다. 살펴보시고 선택해주시면 돼요.

Dynamic Map의 경우 이용 횟수가 월 600만 건 이하일 경우 무료라고 합니다. 부담 갖지 말고 선택해주시면 돼요.

넘으면 넘은 대로 장사가 잘 된다는 거니 좋지 않을까 ㅎㅎ..

저는 웹으로 쓸 거라, 배포할 서비스 URL도 함께 입력해주었습니다.

참고로 개발 환경에서 테스트 하기 위해서 localhost:8080 같은 URL도 추가해주셔야 개발환경에서 테스트가 가능합니다!

 

5. Client ID 찾기

Application이 성공적으로 등록되면 아래와 같이 찾을 수 있는데, 선택 후 인증 정보를 눌러주시면 Client ID와 Secret을 찾을 수 있습니다. 복사 하셔서 개발에 사용하시면 됩니다.

 

모두들 즐거운 코딩하세요!