수유산장

어느날인가 부터 운영하는 홈페이지의 지도가 보이지 않았다.

다음 API 지도를 사용하고 있었는데 맵이 빈 공간으로 나왔다.

오류메세지도 없이...

해당 소스를 열어 확인해 보니

API는 다음것을 쓰고 있었다.

<script type="text/javascript" src="https://apis.daum.net/maps/maps3.js?apikey=키값&libraries=services"></script>

검색해 보니 2019년1월1일부터 다음API가 종료되었다고 한다.

종료된 API는 카카오API를 이용해야 한다고 한다.

걱정 마시라 그냥 API키 받아서 임포트 하는 자바스크립트만 바꿔주면 된다.

https://developers.kakao.com

카카오개발자 사이트로 가서 로그인하고 앱개발시작하기 버튼이나 이름을 클릭하고 내 애플리케이션으로 이동한다.

앱만들기 버튼을 클릭해서 구분할수 있는 앱이름을 입력하고 앱을 만든다.

이후 앱설정으로 들어가서 플랫폼을 추가한다.

웹인경우 웹을 선택하고 도메인을 입력한다. 도메인은 여러개 입력 가능하다. 개발용과 서비스용을 같이쓸려면 해당 URL을 다 등록하면된다.

이후 네이티브 앱 키, REST API 키, JavaScript 키, Admin 키가 표시되는데 이중 

자바스크립트 키를 복사해서 아래 스크립트 임포트하는 부분에 붙여넣고

기존 소스를 변경해 주면된다.

<script type="text/javascript" src="//dapi.kakao.com/v2/maps/sdk.js?appkey=키값"></script>

맵을 호출 스크립트는 변경할 필요가 없다.