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

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

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

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

저는 summernote eidtor 사용중

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

https://map.kakao.com/

2) 이미지 지도로 복사

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

3) 작성위치에

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

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

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

지도를 붙이기 가능합니다

아래 지도 소스  입니다

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

<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>

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

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

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

[ 찾아오시는길 ]

로드뷰길찾기지도 크게 보기