로그인

검색

Extra Form
추천지수 8

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

 

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

 

 

화면 캡처 2021-05-09 141547.png

 

 

 

Screenshot_20210509-141511_Chrome.jpg

 

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

 

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

 

 

설치경로

/addons/kakao_map_content

 

 

 

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

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

 

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

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

 

화면 캡처 2021-05-09 162600.png

 

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

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

 

 

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

 

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

 

0.1.1 업데이트 22.02.22

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

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

 

 

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

 

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

 

Who's 꿀팁관리소장

profile
라이믹스로 커뮤니티 사이트를 운영하는 비개발자 운영자 입니다.
파트너쉽 맺으실 사이트 운영자분 환영합니다.
3 추천
Atachment
첨부 '1'
  • 로그인시 다운로드 가능 [File Size:6.4KB],
  • [Download:43]

자료실(29)

주인장이 만들거나 수정한 자료를 공개합니다.

  1. read more
  2. 닉네임 변경 금지 애드온 2

    Date2022.12.18 Category애드온 Views690 Votes4 0
    정회원 자료
    Read More
  3. RXP 태그 연관 글 출력 애드온 수정버전 94

    Date2021.10.09 Category애드온 Views2763 Votes4 57
    Read More
  4. Read More
  5. 공지글 열람 권한 부여 애드온 7

    Date2021.09.09 Category애드온 Views238 Votes3 1
    정회원 자료
    Read More
  6. 로그인 회원 1회(1일) 리디렉트 애드온 20

    Date2021.08.16 Category애드온 Views303 Votes3 13
    Read More
  7. 닉네임 글 댓글 성의없이 작성 금지 애드온 19

    Date2021.08.07 Category애드온 Views348 Votes3 3
    정회원 자료
    Read More
  8. 관리자가 메모해 놓은 회원 출력 위젯 19

    Date2021.06.08 Category위젯 Views457 Votes4 6
    정회원 자료
    Read More
  9. 친구에게만 게시글 열람 허용 애드온 43

    Date2021.05.29 Category애드온 Views451 Votes5 26
    Read More
  10. 가상화폐(코인) 시세표 위젯 136

    Date2021.05.26 Category위젯 Views1253 Votes6 72
    정회원 자료
    Read More
  11. 글 작성자에게 암호화폐 후원 도우미 애드온 36

    Date2021.05.21 Category애드온 Views375 Votes4 19
    Read More
  12. 비회원 본문 내용 일부 공개 애드온 54

    Date2021.05.10 Category애드온 Views494 Votes4 27
    정회원 자료
    Read More
  13. 주소로 카카오지도 삽입(표시) 애드온 61

    Date2021.05.09 Category애드온 Views569 Votes3 43
    Read More
  14. 네이버 검색결과 출력 위젯 16

    Date2021.05.08 Category위젯 Views425 Votes4 9
    Read More
  15. Read More
  16. 카테고리(분류) 태그 자동입력 애드온 39

    Date2021.04.24 Category애드온 Views411 Votes4 30
    Read More
  17. 게시판 랭킹 위젯 28

    Date2021.01.18 Category위젯 Views587 Votes3 36
    Read More
  18. 통합게시판 용 게시글 열람 권한 확인 애드온 18

    Date2021.01.08 Category애드온 Views395 Votes4 23
    Read More
  19. 활동메달 보유메달 또는 예상메달 랭킹 출력 위젯 20

    Date2021.01.04 Category위젯 Views447 Votes5 31
    정회원 자료
    Read More
  20. 비회원 본문 이메일 url 제거 애드온 11

    Date2020.09.11 Category애드온 Views320 Votes4 16
    Read More
  21. 태그 연관글 출력 애드온 - 원하는 위치에 출력하는 수정본 15

    Date2020.07.24 Category애드온 Views419 Votes3 23
    Read More
Prev 1 2 Next
/ 2