네이버지도가 클라우드 플랫폼으로 이관되면서 AWS와 같은 방식의 API과금방식 채택하여 회사에서 연결하고 있는 개인 계정으로 연동되는 부분을 절체해야만 했다.
이에 대응하여
1. 네이버 유료에 대응되는 회사 계정을 발급받고 진행
2. 무료 지도 API 사용(다음 API)
-> 2번 방법을 선택하기로 했다.
다음지도 연결
- https://developers.kakao.com/apps 페이지 접속(로그인 필요)
2. [앱 만들기] 클릭 -> 이름, 회사명 등록
3. 어플리케이션 키생성 확인
4. 좌측메뉴[설정] - [일반] 클릭 -> [플랫폼 추가] -> 웹 선택 후 도메인 입력
- 콤마(,) 탭 등을 통해 여러개 입력가능
- Redirect Path에 호출하는 페이지 등록
5. 소스 적용 및 페이지 호출
- ex> map이라는 페이지를 생성
- 아래 소스 적용
<!doctype html>
<html >
<head>
<meta charset="utf-8" />
<title>(서울)중구 시청</title>
<script type="text/javascript" src="//dapi.kakao.com/v2/maps/sdk.js?appkey=70~~~"></script>
<script>function mapParse(id,Xlocation,Ylocation){
// DAUM 지도 API
var container = document.getElementById(id);
var options = {
center: new daum.maps.LatLng(Xlocation, Ylocation),
level: 3
};var map = new daum.maps.Map(container, options);// 지도를 클릭한 위치에 표출할 마커입니다
var marker = new daum.maps.Marker({
// 지도 중심좌표에 마커를 생성합니다
position: map.getCenter()
});
// 지도에 마커를 표시합니다
marker.setMap(map);
}</script></head>
<body style="margin:0; padding:0">
<div id="open" style="width:100%;height:400px;">
</div>
<script>
window.onload=function(){;
mapParse("open","위도", "경도");
};</script></body>
</html>
6. 결과 확인
- 위와 같은 지도가 나오는 것을 확인 할 수 있을것이다.
뭐.. 궁극적으로 다음카카오도 비슷한 정책을 취할 것이기에 .. 임시 방편이라 생각합니다.(뭐.. 그때 또 작업하지..)
참고
- 네이버 지도 Open API 종료( https://developers.naver.com/notice/article/10000000000030665756)
- 네이버지도 클라우드플랫폼 스펙( https://www.ncloud.com/product/applicationService/maps)
- 다음 지도 API ( http://apis.map.daum.net/web/)
