티스토리 블로그에 구글지도 넣는 방법 완벽 가이드

티스토리 블로그는 기본적으로 카카오맵을 제공합니다.

한국 사용자 측면에서는 카카오맵이 더 편리합니다.  하지만, 해외 정보를 알려주거나, 해외 구독자가 있다면 구글맵이 더 유용할 수 있습니다. 아무래도 구글 지도는 전 세계적으로 쓰이니까요.

 

최근 글에 구글지도를 넣어봤는데 어렵지 않더라고요.

그래서 오늘은 구글지도를 티스토리 블로그에 넣는 방법을 정리해 볼게요.

구글맵을 써야 할까?

구글 지도가 한국에서 사용하기엔 덜 친화적인 건 사실입니다. 카카오맵에선 검색이 돼도, 구글맵에는 검색이 안 되는 장소가 있기도 하고요. 저희 집도 구글 지도에 제대로 나온 게 얼마 안 됩니다. 초반에는 산으로 나왔어요. ㅎㅎ

생각해 보니, 해외 관련 정보에 대해 글쓰기를 할 때는 구글맵이 더 좋겠더라고요. 티스토리 자체는 카카오맵 기반이라 메뉴에 없더군요. 그래서 구글맵을 티스토리에 넣는 방법을 알려드릴게요.

 

 

구글지도 넣는 방법 따라 하기

 

먼저, 구글지도에서 원하는 장소를 찾습니다.

저는 미사역을 검색했어요. 카카오맵에 비해 상세한 부분은 확실히 떨어집니다. ㅎㅎ

장소를 클릭하고 '공유' 버튼을 누릅니다.

 

 

팝업 창이 뜨면 화면에서 '지도 퍼가기'를 클릭합니다.

 

 

'지도 퍼가기'를 누르면 'HTML 복사' 버튼을 클릭합니다. 그러면 HTML 코드가 복사됩니다.

 

 

메모장을 열어서 '붙여 넣기'를 합니다. 'Ctrl+V'를 하세요. 또는 마우스 우클릭 후에 붙여 넣기를 하면 됩니다.

코드 맨 앞에 <center>, 맨 마지막에 </center>를 넣습니다. 이건 지도를 가운데 정렬하겠다는 의미입니다. 그리고, 전체 선택하고 Ctrl+c 또는 마우스 우클릭 후 복사하기를 선택합니다.

 

 

티스토리 글쓰기 창에서 우측 상단에 있는 '기본모드'를 누르면 세 개의 메뉴가 보입니다. 그중에서 'HTML'을 눌러줍니다.

'작성 모드를 변경하시겠습니까?'라고 물어보면 확인을 누르면 됩니다.

 

 

HTML 모드로 들어갑니다. 당황하지 마시고 구글 지도를 넣을 곳을 찾아 클릭합니다.

그곳에서 'Ctrl+V'로 붙여 넣기를 하세요. 그러면 사진처럼 코드가 복사됩니다.

 

 

우측 상단에 'HTML'이라고 돼있는 곳을 누르고 '기본모드'로 바꿔줍니다. 처음 글쓰기 화면으로 돌아옵니다.

 

 

확인해 보면 구글 지도가 화면 중간에 잘 삽입되어 있는 걸 볼 수 있습니다.

위 지도가 지금까지 설명대로 작업해서 나온 결과물입니다.

구글맵 크기 변경하기

 

• width : 가로
• height : 세로

크기를 변경하려면 HTML 모드에서 'width와 height' 옆에 있는 숫자를 변경하면 됩니다. 원하는 크기로 변경이 가능합니다.

지도를 가로로 꽉 차게 만들려면 width="100%"로 변경하면 됩니다. 위 지도가 100%로 설정한 지도입니다.

카카오맵과 적절하게 사용하자

구글 지도에서 검색이 안 되는 경우도 있습니다. 업데이트가 느려서겠지요. 그럴 때는 기본 제공되는 카카오맵을 사용하시면 됩니다. 상황에 따라, 글 내용에 따라 구글맵과 카카오맵을 적절하게 사용하면 더 좋은 글이 되지 않을까 생각해요.

직접 따라 해 보시고 궁금한 점 있으면 댓글로 남겨주세요!

 

👉 티스토리 블로그에 반응형 구글 지도 넣는 법

티스토리 블로그에 반응형 구글 지도 넣는 방법 따라하기

 

👉 티스토리 유료 라꼬 스킨 추천 이유

티스토리 유료 라꼬 스킨 추천! 빠른 문제 해결로 블로그 운영을 더 쉽게