로그인

검색

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:44]

자료실(29)

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

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

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

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

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

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

    Date2021.08.07 Category애드온 Views386 Votes3 3
    정회원 자료
    Read More
  8. 친구에게만 게시글 열람 허용 애드온 43

    Date2021.05.29 Category애드온 Views492 Votes5 26
    Read More
  9. 글 작성자에게 암호화폐 후원 도우미 애드온 36

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

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

    Date2021.05.09 Category애드온 Views638 Votes3 44
    Read More
  12. Read More
  13. 카테고리(분류) 태그 자동입력 애드온 41

    Date2021.04.24 Category애드온 Views466 Votes4 33
    Read More
  14. 통합게시판 용 게시글 열람 권한 확인 애드온 18

    Date2021.01.08 Category애드온 Views457 Votes4 23
    Read More
  15. 비회원 본문 이메일 url 제거 애드온 12

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

    Date2020.07.24 Category애드온 Views467 Votes3 23
    Read More
  17. 쪽지 수신대상 전체허용이 아니면 글쓰기 금지 애드온 10

    Date2020.07.23 Category애드온 Views226 Votes4 12
    Read More
  18. 회원정보 서명 확인 글쓰기 금지 애드온 18

    Date2020.07.23 Category애드온 Views319 Votes4 18
    Read More
  19. 유저차단모듈 블라인드모듈 쪽지발송 금지 애드온 20

    Date2020.07.22 Category애드온 Views595 Votes4 30
    정회원 자료
    Read More
  20. 특정 그룹 게시판 글,댓글 쓰기 금지 애드온 11

    Date2020.07.21 Category애드온 Views262 Votes3 17
    정회원 자료
    Read More
  21. 특정 요일 글쓰기 금지 애드온 10

    Date2020.07.18 Category애드온 Views282 Votes3 19
    Read More
Prev 1 2 Next
/ 2