본문 바로가기
web

[티스토리 새에디터] 다음지도. 네이버지도 삽입

by 코딩하는 갓디노 2020. 6. 16.

 

맛집이나 특정 장소를 소개하거나 후기를 쓰는 포스팅을 할 경우, 지도를 삽입합니다.
해외 장소의 경우, 구글맵을 이용하지만, 국내 장소 지도를 삽입할 경우는 다음 지도 또는 네이버 지도를 이용합니다.

 

티스토리 에디터를 이용하여
다음과 네이버 지도 삽입하는 방법을 알아봅니다.




다음지도 삽입

티스토리는 기본적으로 다음 지도를 제공하기 때문에 외부 소스 삽입 없이
메뉴 버튼에서 더보기-지도를 클릭하면 간편히 삽입이 가능합니다.

 

원하는 장소를 검색한 다음 크기(기본형/미니형/와이드형/사용자지정형)를 선택하고,
이모티콘을 이용하여 꾸밀 수가 있어요.

 

첨부를 누르면 아래와 같이 지도가 바로 삽입됩니다.
edit 아이콘 클릭시, 위치나 디자인 수정을 할 수 있어요.

 

네이버 지도 삽입

티스토리에서는 다음 지도만 제공하기 때문에 네이버 지도는 HTML 소스를 복사하여 삽입해야 합니다.
이는 네이버 지도 공유 기능을 사용하여 게시물에 임베드 할 수 있습니다.

참고로 네이버 지도 v5 버전에서는 HTML 태그 복사 기능을 지원하고 있지 않기 때문에
네이버 지도 v4 버전을 사용하세요.
네이버 지도 v4에 접속한 후 장소를 검색합니다.

https://v4.map.naver.com/

 

네이버 지도

자동차/대중교통/자전거/도보 길찾기, 실시간 교통 및 버스위치, CCTV, 지하철, 버스노선, 거리뷰, 뮤지엄뷰 제공.

v4.map.naver.com

 

오른쪽 메뉴 맨 아래 클립모양의 링크 아이콘 클릭-HTML 태그 복사 클릭

 

에디터 기본모드-HTML 클릭

 

HTML 소스 붙여넣기-완료 클릭

 

아래와 같이 네이버 지도가 삽입되었습니다.
지도 크기를 변경할 때는 img 태그 안에 width와 height 수치를 수정하면 됩니다.





티스토리에 구글지도를 넣으려면 아래 링크를 확인해주세요.

https://goddino.tistory.com/23

 

[티스토리 새에디터] 구글맵. 구글지도 삽입

티스토리에 구글지도를 삽입하는 방법을 알아보겠습니다. 지도를 넣을때 보통 해외장소는 구글맵을 이용하고, 국내는 다음 또는 네이버 지도를 이용합니다. 구글맵은 실제로 해외�

goddino.tistory.com

 

댓글1