구글 내 지도 만들기와 수정하기, 블로그에 지도 삽입하는 방법

 

구글 내 지도로 작성한 내용을 블로그에 올려서 공유하는 방법에 대해 알아 보겠습니다. 등산이나 여행 동우회에서 공지할 때 많이 이용하시죠. 블로그 뿐만 아니라 카페에도 동일한 방법으로 올리시면 됩니다.

 

¤ 내 지도 추가하기

 

우선 구글 지도에서 내 지도를 작성할 수 없기 때문에 [내 지도] 서비스로 이동해야 합니다. 검색창에 커서를 두게 되면 하단에 창이 하나 뜨는데 [내 지도] 메뉴를 볼 수 있습니다. 물론 로그인이 되어 있어야 합니다.

https://www.google.co.kr/maps 

구글 내 지도 만들기와 수정하기, 블로그에 지도 삽입하는 방법

 

[내 지도] 를 클릭하시면 [만들기] 버튼이 나타납니다. 다시 [만들기] 메뉴를 클릭해서 [내 지도] 서비스 페이지로 이동합니다.  

구글 내 지도 만들기와 수정하기, 블로그에 지도 삽입하는 방법

 

내 지도 서비스 페이지에는 제목 없는 지도가 하나 만들어져 있습니다. 지도를 작성하기 위한 옵션 창에 [제목 없는 지도] 를 클릭해서 값을 입력합니다. 지도 제목을 입력하고 저장을 눌러 창을 닫습니다.

구글 내 지도 만들기와 수정하기, 블로그에 지도 삽입하는 방법

 

제목 입력이 끝났으면 지도에 경로를 그려 보도록 하겠습니다. 지도에 경로는 레이어 단위로 작성이 가능합니다. 레이어라는 영역을 추가해서 그 위에 위치와 선으로 경로를 표시하는 것입니다. 레이어는 여러 개를 추가할 수 있습니다.

구글 내 지도 만들기와 수정하기, 블로그에 지도 삽입하는 방법

 

레이어를 추가하고 검색창 아래에 있는 컨트롤들을 이용해서 지도에 그림을 그립니다. 마커와 선을 이용해서 이동 경로 등을 표시하면 각 컨트롤들이 레이어에 추가 됩니다.

구글 내 지도 만들기와 수정하기, 블로그에 지도 삽입하는 방법

 

아래 그림과 같이 컨트롤들을 이용해서 지도에 이동 경로를 표시 하였습니다. 저전거나 트래킹 여행을 할 때 이동 경로를 미리 지정해 두었다가 스마트폰으로 내려 받아서 따라 가면 되겠죠. 스마트폰의 구글 지도에서 내 위치가 표시되기 때문에 제대로 따라가는지 알 수 있습니다.

구글 내 지도 만들기와 수정하기, 블로그에 지도 삽입하는 방법

 

¤ 내 지도 수정하기

 

레이어에 표시된 아이콘이나 선, 텍스트 등을 수정해 보겠습니다. 다른 사람과 공유하려면 무슨 내용인지 표시할 필요가 있습니다. 작성한 내 지도를 수정하기 위해 구글맵으로 접속한 뒤 [모든 지도 보기] 메뉴를 클릭합니다.

구글 내 지도 만들기와 수정하기, 블로그에 지도 삽입하는 방법

 

 

그럼 저장해 두었던 지도 목록이 나타납니다. 편집하고 싶은 지도를 클릭해서 내 지도 서비스 페이지로 이동합니다.

구글 내 지도 만들기와 수정하기, 블로그에 지도 삽입하는 방법


먼저 점에 표시된 텍스트를 수정해 보겠습니다. 어떤 지점을 나타내는지 설명할 필요가 있겠죠. 수정하고 싶은 점을 클릭합니다. 그럼 수정 창이 뜨는데 하단에 연필 모양의 아이콘을 클릭합니다.

 

연필 모양의 아이콘을 클릭해서 띄운 창에 설명과 제목을 입력하시면 됩니다. 이렇게 모든 지점을 제목과 설명을 붙여 수정합니다.

구글 내 지도 만들기와 수정하기, 블로그에 지도 삽입하는 방법

 

이번에는 지점에 쓰인 아이콘과 아이콘의 색깔을 변경해 보겠습니다. 지점 오른쪽 끝에 페인트통 같이 생긴 아이콘을 클릭합니다.

구글 내 지도 만들기와 수정하기, 블로그에 지도 삽입하는 방법

 

그럼 색상 변경 창과 아이콘을 변경할 수 있는 서비스 창이 뜹니다. 아이콘은 아주 다양합니다. 지점의 성격에 맞는 아이콘을 선택해서 추가하시는 것이 좋겠죠.

구글 내 지도 만들기와 수정하기, 블로그에 지도 삽입하는 방법

 

¤ 내 지도 블로그에 공유

 

이제 내 지도를 다른 사람과 공유하기 위해서 블로그에 올려 보도록 하겠습니다. 지도를 블로그 등의 사이트에 표시하기 위해서는 공유설정이 되어 있어야 합니다. 그런데 기본 설정은 안되어 있을 겁니다. 먼저 공개 설정을 위해 내 지도 서비스에서 [공유] 를 클릭합니다.

구글 내 지도 만들기와 수정하기, 블로그에 지도 삽입하는 방법

 

 

공유하기 전에 다시 한번 지도의 제목과 설명을 요구합니다. 입력 후 OK 버튼을 눌러 창을 닫습니다.

구글 내 지도 만들기와 수정하기, 블로그에 지도 삽입하는 방법

 

공유 설정 페이지에 보시면 액세스 권한이 있는 사용자가 자신 외에는 비공개로 되어 있을 겁니다. 비공개를 공개로 바꾸기 위해 오른쪽 [변경] 메뉴를 클릭합니다.

구글 내 지도 만들기와 수정하기, 블로그에 지도 삽입하는 방법

 

[변경] 메뉴를 클릭해서 나타난 팝업창에서 제일 위에 있는 [웹에 공개] 를 선택합니다. 그리고 하단에 액세스 범위 모든 사용자가 [볼 수 있음] 으로 되어 있는 지 확인하고 [저장] 버튼을 누릅니다.

구글 내 지도 만들기와 수정하기, 블로그에 지도 삽입하는 방법

 

이제 공개 설정을 완료했으니 블로그에 추가하기 위해서 삽입 코드를 알아내야 합니다. 내 지도 공유 바로 옆에 보시면 [목록] 아이콘이 있습니다. 클릭하시면 서브메뉴로 [내 사이트에 삽입] 을 볼 수 있습니다.

구글 내 지도 만들기와 수정하기, 블로그에 지도 삽입하는 방법

 

[내 사이트에 삽입] 을 누르시면 퍼갈 수 있는 코드를 알려 줍니다. HTML 코드인데 IFRAME 으로 되어 있군요. 이것을 글 작성할 때 HTML 코드 란에 복사해서 넣으시면 됩니다.

구글 내 지도 만들기와 수정하기, 블로그에 지도 삽입하는 방법

 

블로그로 가셔서 HTML 을 체크해서 편집창을 엽니다. 네이버나 다른 블로그들도 동일합니다. HTML 체크박스가 있을 겁니다. HTML 편집창으로 변경해서 복사한 iframe 코드를 붙여 넣습니다. 

구글 내 지도 만들기와 수정하기, 블로그에 지도 삽입하는 방법

 

아래 그림과 같이 지도가 페이지에 나타납니다. 크기 조절도 가능하고 전체 화면으로도 볼 수 있으며 내 지도에서 설정한 제목으로 나오게 됩니다. 그리고 위성으로도 변경해서 볼 수 있습니다.

구글 내 지도 만들기와 수정하기, 블로그에 지도 삽입하는 방법

 

Posted by 녹두장군

댓글을 달아 주세요