Type Here to Get Search Results !

구글 블로그 스팟 구글 지도 삽입하기

구글 블로그 스팟 지도 삽입하는 방법

기존 티스토리 맛집 포스팅에는 네이버 지도나 다음 지도를 삽입하여 음식점의 위치가 어디인지 알려주었습니다.
이번에 구글 블로그 스팟으로 이전하면서 맛집, 음식점 포스팅을 이어가다 보니 구글 블로그 스팟은 네이버, 다음 지도를 삽입하는 기능이 없다는 사실을 알게되었습니다.

HTML 코드를 사용하면 구글지도, 네이버지도, 다음지도를 모두 삽입가능하지만 세가지를 모두 해본결과 구글 지도를 삽입하는게 가장 간단하고 게시글에서 보기도 편리합니다.

이번 글에서는 구글 지도 넣는 방법을 소개하겠습니다.
구글지도
구글 지도
우선 구글 지도에서 원하는 위치를 찾습니다.
위치 정보를 보면 공유 버튼이 있습니다.

지도퍼가기
지도퍼가기 클릭
공유버튼을 누르면 공유창이 뜨면서 링크 보내기, 지도 퍼가기 버튼이 나타납니다.
지도 퍼가기를 눌러줍니다.
HTML복사
HTML 복사
지도퍼가기에서 HTML 복사를 눌러줍니다.
글-HTML-넣기
글에 HTML 넣기
구글 블로그 스팟 글 에디터에서 맨 왼쪽 위 펜모양을 눌러 HTML보기를 눌러줍니다.
여기에 HTML을 붙여 넣으면 글에 지도가 들어갑니다.
지도삽입화면
지도 삽입 화면
글 작성시에는 이렇게 회색 화면에 재생버튼만 나옵니다.
제대로 지도가 나오는지 확인하기 위해 블로그 스팟 글 에디터 오른쪽 윗부분을 보면 미리보기 버튼이 있습니다.
미리보기 버튼을 눌러 제대로 지도가 나오는지 확인합니다.
미리보기
미리보기
지도삽입-미리보기
지도삽입 미리보기

미리보기를 통해 살펴보니 정상적으로 지도가 출력되는 모습입니다.

네이버 지도나 다음 지도에 비해 구글 지도가 사용하기 불편하지만 블로그 스팟에 넣기가 간단하다는 장점이 있습니다.