본문 바로가기
728x90

카카오맵2

[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.
반응형