티스토리에 네이버 지도 연결하기

Posted by 파파람쥐
2017. 7. 23. 22:33 스마트한 정보/블로깅

블로그를 시작하면서 맛집이나 가볼만한 곳을 소개해드리는 경우가 있습니다.

그런데 다른 블로그 글들을 보면 네이버 블로그가 아니더라도

네이버 지도를 연결해서 보여주는 글들이 많아서 저도 사용해 보려고 방법을 찾아보았습니다.

그렇게 어렵지 않아서 금방 따라하실수 있을거 같네요.


우선 네이버 지도에서 원하는 장소를 검색합니다.

네이버 지도(http://map.naver.com/) 바로가기


저는 강남역을 검색해서 공유해보겠습니다.

강남역을 검색하시면 아래와 같이 정보가 뜨는데요

왼쪽 사이드에 있는 링크 모양을 클릭하신 후

HTML 태그 편집기 및 미리보기 를 클릭해주세요.


HTML 태그 편집기 및 미리보기를 선택하시면 아래와 같이 팝업창이 뜨게됩니다.

여기서 기본형, 미니형, 사용자 설정 중 하나를 선택해 지도 크기를 선택하시고

화면에 보여줄 위치 드래그해서 조정합니다. (확대 축소도 가능해요.)

조정이 끝나셨으면 하단에 보이는 HTML 복사하기를 누르신 후

복사 버튼을 눌러주시면 됩니다.


마지막으로 티스토리 편집창에서 우측 상단의 HTML 체크박스를 클릭해 편집 모드를 변경하고

복사된 링크를 붙여주시면 완료!!

(가운데 정렬을 원하시면 복사된 소스 아래위에 <center> </center> 를 입력해주세요.)


아래 지도가 위의 과정을 통해 붙인 지도입니다.

지도 크게 보기
2017.7.23 | 지도 크게 보기 ©  NAVER Corp.