홈빌드




● 그누보드 스킨 글작성에서 간단히 카카오 맵 지도 추가하기

♨ 카랜더 일정 : 2021년07월15일
  • 링크

  • 첨부

  • 컨텐츠 정보

    본문

    ● 그누보드 스킨 글작성에서 간단히 카카오 맵 지도 추가하기


    본문에 간간히 지도 추가 방법

    사용  코드보기 가능한 에디터 사용

    저는 summernote eidtor 사용중


    1) 카카오 지도에 방문  위치를 찾는다

    https://map.kakao.com/

    3232235521_1626321388.8245.png


    2) 이미지 지도로 복사

    소스 생성하기 > 이미지 지도 > 소스를 복사 합니다

    3232235521_1626321425.6446.png

    3232235521_1626321485.364.png

    3) 작성위치에

       찾기 쉽게 ==============================  =길게 입력 글작성시 입력 

    코드보기에서 =============================  =찾아 뒤에 삽입 합니다


    스킨 글작성 지도 넣기>  글작성  위치에서 코드보기 > 복사소스 붙이기 하면

    지도를 붙이기 가능합니다

    3232235521_1626321348.2124.png

    3232235521_1626322033.0769.png

    아래 지도 소스  입니다

    ===========================================================

    <div style="font:normal normal 400 12px/normal dotum, sans-serif; width:640px; height:392px; color:#333; position:relative"><div style="height: 360px;"><a href="https://map.kakao.com/?urlX=515974.0&amp;urlY=1049886.0&amp;itemId=8059922&amp;q=%ED%9D%A5%EB%8D%95%EB%A7%88%EC%9D%846%EB%8B%A8%EC%A7%80%EC%9E%90%EC%97%B0%EC%95%A4%EC%8A%A4%EC%9C%84%EC%B2%B8%EC%95%84%ED%8C%8C%ED%8A%B8&amp;srcid=8059922&amp;map_type=TYPE_MAP&amp;from=roughmap" target="_blank"><img class="map" src="http://t1.daumcdn.net/roughmap/imgmap/314e67195bf1b7810fa1c51fb4c2a8f4f5d66dfff000172d29f774497f15db69" width="638px" height="358px" style="border:1px solid #ccc;"></a></div><div style="overflow: hidden; padding: 7px 11px; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 0px 0px 2px 2px; background-color: rgb(249, 249, 249);"><a href="https://map.kakao.com" target="_blank" style="float: left;"><img src="//t1.daumcdn.net/localimg/localimages/07/2018/pc/common/logo_kakaomap.png" width="72" height="16" alt="카카오맵" style="display:block;width:72px;height:16px"></a><div style="float: right; position: relative; top: 1px; font-size: 11px;"><a target="_blank" href="https://map.kakao.com/?from=roughmap&amp;srcid=8059922&amp;confirmid=8059922&amp;q=%ED%9D%A5%EB%8D%95%EB%A7%88%EC%9D%846%EB%8B%A8%EC%A7%80%EC%9E%90%EC%97%B0%EC%95%A4%EC%8A%A4%EC%9C%84%EC%B2%B8%EC%95%84%ED%8C%8C%ED%8A%B8&amp;rv=on" style="float:left;height:15px;padding-top:1px;line-height:15px;color:#000;text-decoration: none;">로드뷰</a><span style="width: 1px;padding: 0;margin: 0 8px 0 9px;height: 11px;vertical-align: top;position: relative;top: 2px;border-left: 1px solid #d0d0d0;float: left;"></span><a target="_blank" href="https://map.kakao.com/?from=roughmap&amp;eName=%ED%9D%A5%EB%8D%95%EB%A7%88%EC%9D%846%EB%8B%A8%EC%A7%80%EC%9E%90%EC%97%B0%EC%95%A4%EC%8A%A4%EC%9C%84%EC%B2%B8%EC%95%84%ED%8C%8C%ED%8A%B8&amp;eX=515974.0&amp;eY=1049886.0" style="float:left;height:15px;padding-top:1px;line-height:15px;color:#000;text-decoration: none;">길찾기</a><span style="width: 1px;padding: 0;margin: 0 8px 0 9px;height: 11px;vertical-align: top;position: relative;top: 2px;border-left: 1px solid #d0d0d0;float: left;"></span><a target="_blank" href="https://map.kakao.com?map_type=TYPE_MAP&amp;from=roughmap&amp;srcid=8059922&amp;itemId=8059922&amp;q=%ED%9D%A5%EB%8D%95%EB%A7%88%EC%9D%846%EB%8B%A8%EC%A7%80%EC%9E%90%EC%97%B0%EC%95%A4%EC%8A%A4%EC%9C%84%EC%B2%B8%EC%95%84%ED%8C%8C%ED%8A%B8&amp;urlX=515974.0&amp;urlY=1049886.0" style="float:left;height:15px;padding-top:1px;line-height:15px;color:#000;text-decoration: none;">지도 크게 보기</a></div></div></div>

    ==========================================================


    아래와 같이 제일 마지막에 지도를 붙였습니다

    본문 내용에  지도위에 찾아오시는길 이라고 한줄 넣고 저장 하세요


    [ 찾아오시는길 ]


    참고로 iframe 허용 도메인 추가 방법은 
    # iframe 허용 도메인을 한줄에 하나씩만 적으세요.
    # 파일위치 w:\www\plugin\htmlpurifier\safeiframe.txt
    # 도메인 뒤에 가급적 / 를 붙여주세요.
    www.youtube(?:-nocookie)?.com/
    serviceapi.rmcnmv.naver.com/
    videofarm.daum.net/
    player.vimeo.com/
    www.google.com/
    maps.google.com/
    play.afreeca.com/
    v.nate.com/
    www.microsoft.com/showcase/video.aspx/
    w.soundcloud.com/
    www.facebook.com/
    #kakaotv.daum.net/
    v.afree.ca/
    # 사이트 iframe 추가한 동영상 허용 링크 시작
    play-tv.kakao.com/
    #kakaotv.daum.net/
    v.afree.ca/
    www.liveleak.com/
    # w:\www\plugin\htmlpurifier\safeiframe.txt

    [ 추가 정보 ... 더보기) ]
    뷰PDF 1,2



    office view

    관련자료

    댓글목록

    등록된 댓글이 없습니다.




    ♥간단_메모글♥


    최근글


    새댓글



    PHP 안에 HTML ☞ 홈페이지 화면갱신 시간은 ♨
    ▶ 2024-03-28 21:58:25

    오늘의 홈 현황


    • 현재 접속자♨ 355 명
    • 오늘 가입자※ 4 명
    • 어제 가입자※ 11 명
    • 주간 가입자※ 27 명
    • 오늘 방문자 2,447 명
    • 어제 방문자 2,255 명
    • 최대 방문자 13,042 명
    • 전체 방문자 4,239,781 명
    • 전체 게시물※ 8,481 개
    • 전체 댓글수※ 24,394 개
    • 전체 회원수 10,844 명

    QR코드


    ☞ 사진기로 촬영하시면 방문링크 됩니다

    알림 0








    최신글↑