티스토리 구글 지도 넣는 방법

블로그에 여행기를 작성하다 보니 지도 삽입을 해야하는 상황이 생기게 됩니다. 지도를 넣는 방법 쉽게 알려드리겠습니다.

얼마전까지만해도 지도 삽입하는 방법이 쉽지 않았는데 최근 업데이트로 쉬워졌습니다.

 

구글 지도로 장소 검색하기

구글 지도를 켜신후 원하시는 장소를 검색하여 줍니다. 저는 딸랏 너이 골목이라고 방콕의 여행지를 검색했습니다.

 

가운데에 공유를 클릭합니다.

공유에서 지도 퍼가기 클릭합니다.

우측에 HTML복사 클릭 합니다.

티스토리에서 작성글의 HTML 모드에서 지도를 넣으려는 글의 <P> </P> 아래나 위쪽에 붙여넣기 하여 줍니다.

지도 가운데 정렬과 지도 크기 줄이기

지도를 삽입하고 나니 지도가 가운데로 오지를 않았습니다. 수정 하는 방법이 있습니다. 붙여넣은 코드를 보시면

<p><iframe src=~~~부분에서 <p>를 <div align="center">로 바꿔주시고 맨 끝의 </p >부분을 </div>로 수정하여 주시면 가운데로 지도가 크게 보일 것입니다.

 

이쯤에서 또 우린 지도가 너무 큰거 같습니다. 줄이고 싶으시죠??

지도를 줄이는 방법은 붙여넣었던 코드를 보면 끝쪽에 width="600" height="450" 있습니다.  width="400" height="300" 쯤으로 고쳐보시고 작거나 크면 원하는 크기로 바꾸시면 되겠습니다.