본문 바로가기
반응형

카카오맵4

[KakaoMapAPI] 좌표로 주소 알아내기 구글에도 GeocodingAPI가 있지만 현재 카카오맵API를 사용하고 있으므로, 카카오맵API기준으로 진행 해보려고 한다. 해당 페이지의 개발자 도구를 확인해보면 콘솔 데이터를 확인할 수 있다. result는 array이며 object로 address와 road_address가 있는데 address는 지번주소, road_address는 도로명 주소이다. address_name에 전체 주소의 데이터가 있으며 depth별로 도, 시, 동 ...등 으로 나누어져있다. 필요한 데이터를 파싱하여 사용하면 될 것 같다! 도움이 되셨다면 하트 및 댓글 부탁드립니다♥ 2020. 12. 3.
[KakaoMapAPI] 커스텀오버레이 표시 및 클릭 시 원을 그리는 이벤트 구성 DB에 있는 GPS정보를 순서로 표시해야 할 일이 있어서 커스텀오버레이를 찾아 보게 됬다. 이번에는 마커를 그리는게 아닌 커스텀오버레이를 사용해서 GPS의 순번을 매겨 보도록 하겠다. 그리고 커스텀오버레이를 클릭 시 30, 60 , 90 , 120, 150m의 원을 그려 볼 것이다. HTML JAVASCRIPT HTML + JAVASCRIPT FULL CODE 카카오맵API에서 제공하는 포맷에만 맞게 데이터를 만들면 되기때문에 본인의 Server에서 받은 데이터를 기반으로 포맷을 맞추면 될 것 같다. 예제를 바탕으로 커스터마이징하면 동적으로 생성도 가능하다. 도움이 되셨다면 하트 및 댓글 부탁드립니다♥ 2020. 12. 3.
[KakaoMapAPI] 지도에 마커 생성하기 지도에 마커를 하나 생성하는 기본적인 예제이다. 정말 기본적인 예제라 금방 따라 할 수 있다! 도움이 되셨다면 하트 및 댓글 부탁드립니다♥ 2020. 12. 3.
[KakaoMapAPI] 웹 페이지에 지도 표시하기 지도를 표시하는 가장 기본적인 예제이다. HTML + JAVASCRIPT로 구성할 수 있다. test.html 아주 간단하게 지도를 그릴 수 있다. 아래는 확대 레벨별 지도다. 레벨 값이 커질 수록 지도가 축소되어 지는 걸 확인 할 수 있다. 도움이 되셨다면 하트 및 댓글 부탁드립니다♥ 2020. 12. 3.
반응형