IT와 tech ・2020. 5. 12.

구글 지도 티스토리에 넣는 방법 초간단

구글 지도 티스토리에 넣는 방법 초간단


글을 포스팅하다보면 장소를 표시할 때 좀 더 정확한 위치를 첨부하고 싶을 때가 있습니다. 티스토리 지도 넣는 방법은 구글 지도 외에도 네이버 지도, 다음 지도도 넣을 수 있는데요. 이번 포스팅에서는 구글 지도를 삽입하는 방법에 대해서 간단히 정리해보았습니다.


구글 지도 넣기


(1) 구글 지도 검색


먼저 포털 사이트에서 구글 지도 (https://www.google.com/maps)를 검색합니다.



(2) 원하는 장소 검색


지도 사이트에 접속하여 표시하기를 원하는 지명 이름을 검색하면 위치가 표시가 됩니다.



(3) [공유] 클릭


원하는 위치가 맞는 지 확인하고 [공유]를 선택합니다.



[지도 퍼가기] 클릭


[지도 퍼가기]를 선택하면 지도 HTML 주소가 나오는데요. [중간]이라고 되어있는 것을 선택하면 목록 중에 [맞춤 크기]가 있습니다.


[맞춤 크기] 선택



맞춤 크기를 선택하면 사이즈를 설정할 수 있습니다.

지도 크기 설정하기



원하는 지도 크기 숫자를 입력하고 <iframe src 으로 시작하는 HTML 주소를 복사합니다.



티스토리 HTML에 삽입


티스토리 글 작성시 HTML을 선택하여 복사한 주소를 붙여넣기 하시면 됩니다.


원하는 위치에 주소를 복사해서 붙여넣기 하시면 되고, 가운데 정렬하고 싶으시다면 


<center>

HMTL 복사

</center>


이런 식으로 Center HTML을 추가하시면 가운데 정렬이 됩니다.


생각보다 간단하게 구글 맵을 티스토리에 넣기가 가능한데요. 도움이 되셨길 바랍니다.