티스토리 구글맵 HTML 첨부 방법

티스토리 구글맵 HTML 첨부 방법

안녕하세요, 마사루입니다!

오늘 포스팅은 티스토리 구글맵 HTML 첨부 방법입니다!

 

티스토리 시스템 내 지도 첨부 기능이 있지만

이 방법은 카카오맵을 사용하기 때문에 국내 장소만 설정 가능합니다!

따라서 해외여행 포스팅시에는 사용할 수 없다는 단점이 있는데요!

구글맵 HTML 첨부 방법을 사용한다면

해외 특정 장소도 첨부가 가능해집니다 :)

 

구글맵 사이트에서 원하는 장소를 검색한 후

공유 버튼을 클릭해줍니다!

 

공유 버튼을 누르면 작은 창이 팝업이 되는데요

지도퍼가기, HTML 복사버튼을 눌러 주소를 복사한 뒤

포스팅 내 HTML 편집에서 추가해주면 됩니다 :)

 

포스팅 기본모드에서 HTML 모드로 선택하면, 검은색 HTML 편집창이 뜨는데

원하는 위치에 조금 전 복사하였던 주소를 붙여넣어주면 됩니다 :)

이때 첨부되는 지도를 중앙 정렬을 하기 위해서는 아래와 같이 추가해주면 됩니다!

HTML 주소 맨 앞에 <CENTER> 추가

HTML 주소 맨 뒤에 </CENTER> 추가

 

또한 지도의 크기를 변경하고 싶으면

HTML 주소 내 width="600" height="450" 초기설정값에서

원하는 크기로 숫자만 변경해주면 됩니다 :)