[블로그] 티스토리 블로그에 네이버 지도 삽입하는 방법

※ 요약

필자는 티스토리 블로그를 운영 중인데, 맛집 포스팅이나 여행 후기 포스팅 등을 작성할때 네이버 지도를 올려야 할 때가 있다. 지금까지는 네이버 지도를 캡쳐하여 그림판으로 편집하여 이미지 파일로 올렸었는데 HTML 소스를 얻어 올리는 방법을 알게 되어 소개하고자 포스팅한다.

※ 네이버 지도 올리는 방법

먼저 인터넷 브라우저(크롬이나 익스플로러)로 네이버 지도에 접속한뒤 블로그에 올리고 싶은 지점에서 우측에 있는 링크 아이콘을 클린한다. 참고로 필자는 서울 시청을 예제로 선택하였다. 그 다음 HTML 태그 편집기 및 미리보기 항목을 선택하도록 한다. 아래 이미지를 보면 어렵지 않게 따라올 수 있을 것이다.

HTML 태그 편집기 및 미리보기 항목을 클릭하면 아래와 같은 창이 뜨는데, 몇 가지 간단한 설정만 해주면 된다.

1 : 원하는 사이즈가 있다면 설정해주도록 한다. 필자는 기본형을 선택하였다.

2 : 지도는 드래그가 가능하다. 필자는 서울 시청이 지도 중앙에 오도록 지도를 이동 시켰다.

3 : 설정이 완료되었다면 HTML 복사하기 버튼을 눌러준다.

4 : 마지막으로 한 번 더 복사 버튼을 눌러준다.

이제 티스토리 블로그에 지도를 올릴 차례다. 아래는 글쓰기 화면인데 HTML 항목에 체크를 한뒤 복사한 HTML 코드를 붙여넣기 바란다.

다시 HTML에 체크를 해제하면 아래와 같이 지도가 올라간 것을 알 수 있다. 원하는 글을 작성한뒤 발행을 하면 네이버 지도와 함께 글을 올릴 수 있다!

※ 관련 페이지

- 네이버 지도에서 위경도(위도, 경도) 알아내기

- 네이버 지도에서 원하는 곳의 면적 재기