1. 앱키 발급받기
2. 코드1 : db에서 값 가져와서 출력루프문돌기
<title>좌표로 주소를 얻어내기</title>
</head>
<body>
<script type="text/javascript"
src="//dapi.kakao.com/v2/maps/sdk.js?appkey=<--앱키-->&libraries=services"></script>
<script>
//지오코더 변수 생성
var geocoder = new kakao.maps.services.Geocoder();
//jstl로 반복문을 돌며 db의 좌표값을 주소로 화면에 출력
<c:forEach items="${address }" var="addr">
var coord = new kakao.maps.LatLng(${addr.key}, ${addr.value});
var callback = function(result, status) {
if (status === kakao.maps.services.Status.OK) {
//콘솔에 출력
//console.log('그런 너를 마주칠까 ' + result[0].address.address_name + '을 못가');
//현재 변환하고 싶은 좌표 화면에 출력
document.write(${addr.key} + "," + ${addr.value} + "=");
//변환된 결과 값(주소) 출력
document.write(result[0].address.address_name);
//줄바꿈
document.write("<br>");
}
};
//역지오코딩 실행
geocoder.coord2Address(coord.getLng(), coord.getLat(), callback);
</c:forEach>
</script>
</body>3. 코드2 : 파라미터 x,y를 넘기고 해당 값 역지오코딩해주기
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%
String x = request.getParameter("x");
String y = request.getParameter("y");
%>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>좌표로 주소를 얻어내기</title>
</head>
<body>
<script type="text/javascript" src="//dapi.kakao.com/v2/maps/sdk.js?appkey=APPKEY&libraries=services"></script>
<script>
var geocoder = new kakao.maps.services.Geocoder();
var coord = new kakao.maps.LatLng(<%=x%>,<%=y%>);
var callback = function(result, status) {
if (status === kakao.maps.services.Status.OK) {
console.log(result[0].address.address_name);
document.write(<%=x%> + "," + <%=y%> + "=");
document.write(result[0].address.address_name + "<br>");
}
};
geocoder.coord2Address(coord.getLng(), coord.getLat(), callback);
</script>
</body>
</html>
4.결과화면
5. 출력시 구주소 외 신주소나 건물 본번 부번 등 기타 정보가 필요하다면
developers.kakao.com/docs/latest/ko/local/dev-guide#coord-to-address
Kakao Developers
카카오 API를 활용하여 다양한 어플리케이션을 개발해보세요. 카카오 로그인, 메시지 보내기, 친구 API, 인공지능 API 등을 제공합니다.
developers.kakao.com
위 페이지를 참고해서 result[0]. 뒷부분을 수정해주면 된다.
6. 구글은 파라미터로 넘기면 된다던데...
'javascript' 카테고리의 다른 글
| 2020. 02. 03일 기준/ 자주 쓰는데 쓰려고하면 책 뒤져보게 되는 것들 (0) | 2020.02.03 |
|---|