기계와 나/티스토리 스토리

티스토리, 블로그스팟에 구글 지도 삽입하는 방법

DDTKk 2023. 4. 11. 21:50
728x90

이따금씩 해외여행 포스팅을 할 때 이해를 돕기 위해 지도를 삽입해야 한다.
국내 맛집이나 명소는 티스토리에서 기본적으로 제공하는 카카오맵 플러인을 사용하면 되지만, 외국은 물론 카카오맵이 지원되지 않는다.
구글 지도를 삽입하면 되고, 아래와 같이 간편하게 적용 가능하다.

 

 

 

구글 지도에서 HTML 소스 복사하기

구글 지도에서 장소를 검색하고 좌표가 찍히면 위와 같이 "공유"를 클릭하자.


이어서 "지도 퍼가기"를 클릭하자.
("링크 보내기"의 "공유할 링크"는 본문에 지도를 삽입하는 기능이 아니다)


"지도 퍼가기" 항목에 HTML 소스가 뜬다.
"HTML 복사"를 클릭하자.

 

 

 

티스토리 혹은 블로그스팟 본문에 지도 삽입하기

티스토리 에디터를 기본모드에서 HTML로 변경해야 한다.
구글 블로그스팟에서 적용하는 방법도 유사하다.


지도가 필요한 부분에 위와 같이 구글맵 HTML 소스를 붙여넣기하면 된다.

 

 

블로그스팟에 카카오맵 삽입하기
블로그스팟은 티스토리와 달리 국내 지도 서비스가 필요할 수 있는데, 방법은 [바로가기] 참조

 

 

[관련글] 구글 블로그스팟 완전 무료 반응형 테마 (스킨) 많은 곳

 

300x250