라이믹스로 사이트를 운영하다보면 게시글에 사용자정의(확장변수)로 주소를 입력받는 경우가 있습니다. 위치 공유를 하기 위한 성격의 글과 게시판에서 흔하게 주소를 사용합니다.

이 주소가 있는 게시글에 지도까지 표시가 된다면 보다 좋은 정보가 되기에 카카오지도를 출력해 주는 팁을 이미 작성해 드렸는데요. 이 팁으로 수정하기 어려운 분들을 위해 애드온으로 제작해 봤습니다.

사용자정의에 주소가 입력이 되면 자동으로 본문 하단에 카카오 지도가 출력이 됩니다.

*카카오 API를 신청하셔서 자바스크립트 키를 준비하셔야 합니다.

설치경로

/addons/kakao_map_content

사용하고 싶은 게시판에 사용자정의 2가지를 만들어 주셔야 합니다.

주소,장소이름(ex 상호)

여기에 입력된 주소가 카카오 지도의 좌표가 되고 장소이름으로 입력한 것이 지도의 마커에 표시가 됩니다.

이때 만든 ID를 각각 애드온 설정에 넣어주셔야 합니다.

카카오에서 주는 자바스크립트키를 넣으시고

사용자정의 id 두가지를 입력해 줍니다.

이렇게 애드온 설정을 하고 사용 체크를 하면 애드온이 사용되는 게시판에 위에 언급된 사용자정의 주소 입력 항목에 주소가 입력이 되어 있다면 애드온에서 지도를 출력을 하고 비어 있다면 지도를 출력하지 않도록 되어있습니다.

모바일에서는 카카오내비 길안내와 연동이 되는 버튼이 추가되어 있으니 길을 찾아갈때 쓸모가 있을 것 같네요.

0.1.1 업데이트 22.02.22

페이지 내에서 카카오 api  Kakao.init 을 사용하지 않는 사이트의 경우 카카오내비 길찾기 기능 작동되지 않는 문제 수정

 - 기존에 중복 사용시 불필요한 콘솔에러가 발생하여 대부분 카카오 공유등이 페이지에서 구현되어 있다고 가정하여 Kakao.init 부분을 생략하였으나 Kakao.init 을 페이지에서 한번도 사용하지 않는 사이트들이 존재할 수 있어 Kakao.init 가 작동되도록 수정하였습니다.

21.05.10 : 사용자정의 id 미 입력시 기본 id 사용 부분 오류 수정

*다른 곳에서 배포하실 수 없으며 소개를 하고 싶다면 이 게시글의 링크를 공유해야 합니다.