오늘은 티스토리 블로그에 구글 지도(Google maps) 넣는 방법에 대해서 알려드리고자 합니다. 여행을 주제로 삼고 유명 여행지나 맛있는 음식점을 소개하시는 분들은 그 장소에 대한 지도를 글에 함께 공유해주면 독자들이 위치에 대한 정보를 쉽게 파악할 수 있습니다. 

 국내 장소의 경우에는 티스토리 블로그에 다음 지도를 첨부할 수 있는 기능이 있습니다. 하지만 해외 장소의 경우에는 다음 지도에서 검색이 불가하기 때문에 구글 지도를 첨부해야 합니다.

참고 글 : 티스토리에 구글지도 넣기!(구 에디터 버전)

티스토리 블로그, 구글 지도 첨부

 우선 공유하고자 하는 장소를 구글맵에서 찾아야 합니다. 작년 여름휴가로 다녀왔던 베트남 다낭 앙사나랑코 리조트를 예를 들어 설명하겠습니다. 아래와 같이 구글맵의 검색창에 '다낭 앙사나랑코'를 검색합니다.

 그럼 검색 결과로 아래와 같이 세부 정보가 나오게 되는데 '공유'를 클릭하도록 합니다.

 그럼 아래와 같이 팝업창이 하나 뜨게 되는데, 여기서 '지도 퍼가기' 탭을 누른 후 'HTML 복사'를 클릭하도록 합니다. 

 자 그럼 블로그 에디터에 구글 지도를 첨부해보도록 하겠습니다. 본문 중간에 구글 지도를 삽입하고 싶은 위치에 아래처럼 눈에 띄도록 특정 문자를 반복하여 표시하도록 합니다. 그리고 우측 상단에 기본 모드를 클릭하여 HTML작성 모드로 변경합니다.

 HTML 작성 모드로 변경된 모습입니다. 아래처럼 구글 지도를 삽입하고 싶은 위치가 눈에 띄게 보이시죠? 저 부분을 아까 구글맵에서 복사한 내용으로 변경하면 됩니다. 구글맵에서 'HTML 복사'를 했기 때문에, 영역을 지정 후 ctrl+v로 붙여 넣기만 하시면 됩니다.

 지도 주소를 붙여 넣은 다음 한 가지 더 확인해야 할 사항이 있습니다. 바로 본문에 삽입되는 지도의 크기를 본인이 원하는 사이즈에 맞게 변경하셔야 하는데 기본 값은 가로 600, 세로 450으로 설정되어 있습니다. 여기서 한 가지 팁은 독자들이 PC, 태블릿, 모바일에서 작성된 글을 읽을 수 있기 때문에 가로는 100%(width="100%")로 설정하시면 디스플레이 좌우 폭에 맞게 자동으로 사이즈 조정이 됩니다. 세로 길이는 원하시는 크기로 숫자를 수정해주시면 됩니다.

 지도의 크기까지 수정하셨다면 다시 우측 상단에서 기본 모드로 변경을 하면 아래와 같이 구글맵이 삽입되어 있는 것을 확인하실 수 있습니다. 가로를 100% 설정했을 경우, 본문 폭과 일치하는 것을 보실 수 있습니다.

 이렇게 본문에 지도를 삽입해놓으면 독자들이 위치에 대한 정보를 즉시 파악할 수 있어 더 좋은 검색 경험을 제공할 수 있습니다. 특히 해외여행 시에는 주요 여행지를 구글맵에 사전에 저장해놓고 찾아다니는데, 블로그에서 바로 여행지를 저장할 수 있어 큰 도움이 됩니다. 해외여행 후기를 주로 작성하시는 분들은 장소에 대한 구글 지도 첨부를 적극 활용하시기 바랍니다.

참고 글 : 해외여행 필수! 구글맵 즐겨찾기 등록

참고 글 : 다낭 앙사나랑코 최저가 보장(BPG, Best Price Guarantee) 클레임 성공!!