오뇽

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

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

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

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

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

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

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

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

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

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

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