HomePC.11q.kr 홈페이지는 HomePc 활용을 위한 정보나눔을 11q.kr과 함께 합니다.
   
 
홈빌드

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

♨ 카랜더 일정 : 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

    관련자료

    댓글목록

    등록된 댓글이 없습니다.



    ☆공지글(Notice)(5)


    PHP 안에 HTML ☞ 방문 시간은 2021-07-30 13:59:15.

    ☆최근글


    ☆새댓글


    State


    • 현재 접속자 53 명
    • 오늘 가입자※ 0 명
    • 어제 가입자※ 0 명
    • 주간 가입자※ 3 명
    • 오늘 방문자 930 명
    • 어제 방문자 1,075 명
    • 최대 방문자 8,153 명
    • 전체 방문자 2,742,253 명
    • 전체 게시물※ 6,315 개
    • 전체 댓글수※ 19,306 개
    • 전체 회원수 8,003 명

    MB-Rank


    ☞ Your IP : 3.235.60.144


    ☞ Your Mac : entries

    ☞ theme_name,서버 가동시간
    /volume1/web/www/theme/11q.kr_NB-Basic/layout/side/side-basic/side.php:317: string(70) " 13:59:15 up 32 days, 16:28, 0 users, load average: 0.15, 0.12, 0.11"

    ♨설치버전▶그누보드5_(5.4.5.5),
    ▶나리야_(나리야빌더 1.2.3)