728x90 Web Development/API4 [Java / API] 카카오맵 API로 서버(Controller) 사이드에서 역지오코딩하기(Reverse Geocoding) 좌표로 지역 정보를 받아오는 역지오코딩(Reverse Geocoding)을 위해 OpenWeatherMap부터 BigDataCloud API 등을 사용했지만, 사양이 안맞거나 사용 미숙으로 Ban을 당하면서 구글링을 통해 카카오맵 API로 넘어오게 되었다. 카카오맵 API는 Javascript로 맵 위주로 사용하는 거라고 생각해 Geocoding 기능이 제공되는지 모르고 있었는데, 되는 줄 알았다면 처음부터 고생은 안했지 싶다. 그래도 각 API를 사용해보면서 API 사용 경험이 많이 쌓여 금방 적응해서 쓸 수 있게 되었으니 결코 허튼 일은 아니었다. 어쨌든 이번에는 카카오맵 API로 서버 사이드에서 역지오코딩하는 방법을 알아보자. 우선 API KEY 가 있어야 한다. API KEY 발급 방법은 하단의 .. 2022. 3. 23. [Javascript / API] 카카오맵 API 연동으로 로드뷰 및 로드뷰 마커 표시하기('panoId 값이 없습니다' 에러 포함) 기본 맵으로 처리하는 것도 좋지만, 로드 뷰를 통해서 기본 맵의 부족한 점을 보완할 수 있다면 더 좋을 것이다. 그래서 기존 프로젝트에 로드뷰를 추가해보기로 했고, 카카오맵API 문서에서 제공하는 방식과는 조금 다르게 적용해야 했기에 해당 부분을 정리할 겸 작성해보려고 한다. ▼▼▼ 기본 맵 출력은 아래 글에서 확인할 수 있다. [Javascript / HTML5] 카카오맵 API 연동으로 좌표 및 마커 표시하기 A to Z (에러 포함) 프로젝트에서 지도를 클릭해 위/경도(위도, 경도) 좌표를 처리해야하는 기능 구현이 필요하게 되었다. 구글링을 통해서, 네이버맵보다 카카오맵이 개발이 용이하고 로딩이 빠르다고 하여 카카 devlifetestcase.tistory.com [ 구현 방법 ] ◆ 로드뷰, 로드.. 2022. 2. 24. [Javascript / API] 입력한 좌표값(Input)으로 카카오맵 API 마커 위치 변경/이동하기(좌표 정규식 포함) 프로젝트를 진행하면서 카카오맵 API를 통해서 좌표값으로 맵과 마커를 출력하는 기능을 구현해야했다. ▼▼▼ 아래 글과 같이 출력 자체는 어려운 부분이 없었다. [Javascript / HTML5] 카카오맵 API 연동으로 좌표 및 마커 표시하기 A to Z (에러 포함) 프로젝트에서 지도를 클릭해 위/경도(위도, 경도) 좌표를 처리해야하는 기능 구현이 필요하게 되었다. 구글링을 통해서, 네이버맵보다 카카오맵이 개발이 용이하고 로딩이 빠르다고 하여 카카 devlifetestcase.tistory.com 하지만, 언제나 프로젝트 기능 구현은 API 문서에 나와있는 그대로 이루어질 수가 없다... 단순한 클릭이벤트와는 별개로 Input 값을 직접 입력했을 때, 마커의 위치를 이동시키는 기능이 필요했다. 그렇게.. 2022. 2. 24. [Javascript / API] 카카오맵 API 연동으로 좌표 및 마커 표시하기 A to Z (에러 포함) 프로젝트에서 지도를 클릭해 위/경도(위도, 경도) 좌표를 처리해야하는 기능 구현이 필요하게 되었다. 구글링을 통해서, 네이버맵보다 카카오맵이 개발이 용이하고 로딩이 빠르다고 하여 카카오맵으로 진행하였다. (카카오맵 vs 네이버맵) 기본적으로 카카오에서 케이스별로 API 문서와 샘플을 잘 만들어두었지만, 상황별로 분류되어있어, API KEY를 받는 것부터 맵에 마커를 표시(출력)하는 것까지는 이렇게 따로 묶어서 정리해두려고 한다. [ API KEY 발급 방법 ] API KEY는 개인이 외부의 API를 사용할 때 접근할 수 있도록 주어지는 키이다. 그렇기 때문에, 카카오맵 API를 사용하기 위해서는 API KEY를 발급 받아야하는데 발급 방법은 매우 간단하다. ⓞ 아래의 카카오 개발자사이트에서 개발자 등록을.. 2022. 2. 23. 이전 1 다음 반응형
