네이버 지도, 맵 티스토리, 사이트에 삽입하는 방법

블로그

네이버 지도, 맵 티스토리, 사이트에 삽입하는 방법

 

환경: Internet Explorer 11

 

간혹 블로그에 자신이 여행했던 지역이나 관광지의 지도를 올려서 정확히 어디인지 설명하고 싶을 때가 있습니다. 주로 이용하는 지도는 네이버나 다음(daum) 입니다. 다음(daum)은 티스토리 위젯에 추가 버튼이 있어서 네이버 보다는 복잡하지 않습니다. 그래서 설명은 하지 않겠습니다. 오늘은 네이버 지도에서 검색한 지역을 티스토리 블로그에 삽입하는 방법에 대해 알아 보겠습니다.  

 

먼저 네이버 지도로 접속합니다. 복사하고 싶은 지역을 검색한 후 화면 오른쪽 하단에 고리 모양의 아이콘을 클릭합니다. 이것이 지도 링크와 관련된 아이콘입니다.

네이버 지도, 맵 티스토리, 사이트에 삽입하는 방법

 

지도 복사와 관련된 팝업창이 뜨면 [HTML 태그 편집기 및 미리보기] 링크를 클릭합니다. 바로 [HTML 태그 복사]에 내용을 가져다 사용해도 되지만 상세 설정을 어떻게 하는지 알아 보기 위해서 입니다

네이버 지도, 맵 티스토리, 사이트에 삽입하는 방법

 


HTML 태그 편집기에는 지도의 크기 설정과 확대 정도를 지정할 수 있습니다. 그림에서처럼 사용자가 직접 설정하는 것도 가능합니다. 옵션 설정이 끝나면 아래로 내려가서 [HTML 복사하기] 버튼을 클릭합니다

네이버 지도, 맵 티스토리, 사이트에 삽입하는 방법

 

[HTML 복사] 팝업창이 뜨면 오른쪽 끝에 있는 [복사] 버튼을 클릭합니다. 그럼 HTML 이 클립보드에 복사가 됩니다

네이버 지도, 맵 티스토리, 사이트에 삽입하는 방법

 

지도 데이터는 준비가 되었습니다. 이제 티스토리 새 글쓰기로 갑니다. 글쓰기 창에서 오른쪽 상단에 있는 [HTML] 을 체크합니다. 그럼 텍스트가 아닌 HTML 을 입력할 수 있는 에디터 창이 열립니다

네이버 지도, 맵 티스토리, 사이트에 삽입하는 방법

 

이곳에 네이버 지도에서 복사해 온 HTML 을 붙여 넣습니다. 포스팅을 위한 자료들이 올라가 있는 상태라면 적당한 위치를 찾아 삽입해야겠죠.

네이버 지도, 맵 티스토리, 사이트에 삽입하는 방법

 

지도 HTML 을 삽입하고 HTML 편집 모드를 해제하면 지도 미리보기가 가능합니다. 네이버에서 복사해 온 지도는 그림과 같은 모양입니다. 이상으로 네이버 지도를 티스토리 블로그에 삽입하는 방법에 대해 알아 보았습니다.  

네이버 지도, 맵 티스토리, 사이트에 삽입하는 방법


Posted by 녹두장군