구글맵으로 나만의 지도 만들기

구글어스/구글맵 2008.03.04 11:58 Posted by 드론의 미래가 궁금한 푸른하늘이

구글맵에는 스트릿뷰(StreetView)를 비롯해 정말 많은 기능이 있지만, 저는 무엇보다 내지도(My Maps)가 가장 훌륭한 기능이라고 생각합니다.

구글 계정만 있다면, 누구나 "내지도"를 활용하여 우리집 약도든, 스키장 지도든 아주 간단하게 제작할 수 있으며, 필요하다면 다른 사람과 공유하거나 심지어는 지도를 공동으로 관리할 수도 있으니까요.

물론, 우리나라 인터넷지도에도 지도를 만들고 공유할 수 있는 기능이 있다고 말하실 분도 계실 겁니다.

하지만, 제가 보기에 우리나라 인터넷지도에서 제공하는 지도만들기/공유하기 기능은 구글의 내지도에 비하면 기능이 턱없이 부족합니다. 이에 대해서는 나중에 시간을 내서 정리해 보겠습니다.

이 글에서는 내지도를 맨처음 만드는 방법으로부터, 위치표지/선/면 등을 입력하거나 편집하는 방법, 그리고 만들어진 내지도를 공유하는 방법, 마지막으로 다른 사람들이 만들어둔 내지도를 검색하는 방법 등에 대해 설명드리겠습니다.

상세한 설명을 드리기 전에 이 글에서 만든 지도를 먼저 구경하고 싶으시다면 여기를 눌러보세요.

구글맵 내지도 생성하기


먼저 내지도를 만드는 방법부터 알아보죠. 구글계정이 없거나, 로그인하지 않은 상태에서 구글맵을 접속하여 "My Maps" 탭을 누르면 다음과 같은 화면이 뜹니다.

사용자 삽입 이미지

그림 맨 아래 왼쪽에 있는 "Create new map"을 누르면 나만의 지도를 만들 수 있습니다. 물론 구글계정이 없다면 생성해야 하고, 있으신 분들은 로그인해야 합니다.

구글계정에 로그인하면 아래와 같은 화면이 나타납니다. 이제 빨간색 동그라미 부분을 누르면 새로운 지도를 만들 수 있습니다. 참고로 그 아래에 있는 제목들은 제가 예전에 만들어둔 지도들입니다.

사용자 삽입 이미지

"Create new map"을 누르면 새 지도가 만들어지고, 아래 그림과 같이 지도의 이름(Title)과 설명(Description)을 입력하는 창이 뜹니다. 이름과 설명은 적당하게 붙여주시면 됩니다. 그 아래에 있는 "Privacy Setting"에서 Public(공개)을 선택하면 누구나 볼 수도 있고, 검색도 가능하게 되며, Unlisted(숨김)를 선택하면 외부에서 검색이 안되므로, 혼자만 알고있는 지도를 만들 수 있습니다.

사용자 삽입 이미지

이렇게 지도를 생성하면, 지도영역 좌측 위에 아래와 같은 아이콘들이 나옵니다. 손바닥 그림은 지도 위치를 바꾸는 것이니까 관계 없고요, 풍선은 위치표지(점, placemarks)를 만드는 아이콘이고, 번개모양은 선을, 마지막에 있는 아이콘은 면(폴리곤)을 만드는 아이콘입니다. 아이콘만 봐도 내용을 파악하시는데 문제가 없겠죠.

사용자 삽입 이미지


구글맵 내지도에 위치표지(점) 입력하기


먼저 위치표지를 넣어보겠습니다. 풍선모양을 클릭한 후, 지도에서 원하는 곳을 클릭하면 됩니다. 그러면 아래 그림처럼 입력창이 뜨는데, 적당한 내용을 넣어주면 됩니다.

사용자 삽입 이미지

윗 그림에서 "Rich text"라는 링크를 선택하면, 글자에 효과를 줄 수 있고요, 그 옆에 있는 "Edit HTML"을 누르면 일부 간단한 HTML코드도 삽입시킬 수 있습니다. 그림이 있다면 그림도 삽입할 수 있고요. 아래 그림은 "Rich text"로 들어가서 그림을 넣은 모습입니다.

사용자 삽입 이미지

이 입력창에서 오른쪽 위에 있는 박스를 보시면 현재의 아이콘 모양(파란 풍선)이 나타나 있습니다. 이것을 누르면 다른 아이콘으로 바꿀 수 있습니다. 저는 아래 그림처럼 빨간 핀으로 바꿨습니다만, 필요하시다면 "My Icons"를 눌러 자신이 디자인한 자신만의 아이콘도 지정할 수 있습니다. 자신만의 아이콘에 관한 자세한 내용은 여기를 읽어보세요.

사용자 삽입 이미지

구글맵 내지도에 선(Line) 입력하기


다음은 선을 입력시켜 보죠. 선을 입력하는 방법도 위치표지를 입력하는 것과 비슷합니다. 다만, 여러군데를 찍어주는 것만 다를 뿐이죠.

하지만, 구글맵에서 선을 입력할 때, 재미있는 기능들이 많이 숨겨져 있습니다. 일단 아래 그림은 개집 담장을 입력하는 모습입니다. 한점씩 찍을 때마다 총거리가 표시되는 걸 보실 수 있습니다. 이때, 보시는 것처럼 대략적인 형태만 입력했습니다. 그 이유는 아래를 계속 읽어보시면 알 수 있습니다.

사용자 삽입 이미지

일단 입력이 끝나면 아래 그림처럼 제목과 설명을 넣을 수 있는 입력창이 뜹니다. 위치표지를 입력할 때와 마찬가지로 "Rich text"와 "Edit HTML"도 있으며, 오른쪽 위의 아이콘을 누르면 선의 모양도 바꿀 수 있습니다. 그냥 눌러보시면 아실테니 자세한 설명은 생략합니다.

사용자 삽입 이미지

이렇게 입력한 선들은 아주 재미있는 방식으로 편집할 수 있습니다. 아래 그림처럼, 선위에 마우스를 올려두면, 아까 입력한 점들 중간에 흐릿한 사각형(ghost point)가 생기고 "끌어서 옮기세요(Drag to move this point)"라는 글이 보입니다. 이 점들을 옮기면 새로운 점이 생기게 됩니다. 물론 원래 입력한 점을 끌면 다른 곳으로 이동시킬 수 있고요.

사용자 삽입 이미지

아래 그림은 이런 과정을 통해서 울타리를 예쁘게 다듬은 결과입니다. 다듬게 되면 거리가 변하게 될텐데, 친절하게 총 길이도 알려줍니다. 이렇게 한번 입력한 선을 예쁘게 편집하는 기능에 대한 상세한 내용은 즐거운 산책길을 읽어보시기 바랍니다.

사용자 삽입 이미지

마지막으로 면(폴리곤)을 입력하는 방법은 선을 입력하는 방법과 동일하기 때문에 생략합니다. 입력이 끝난 후 "Save" 단추만 누르면 나만의 지도가 완성됩니다.

구글맵 내지도 정렬 방법


제가 만든 지도는 추가한 게 3개뿐이 안되기 때문에 별로 문제가 되지 않지만, 위치표지가 많을 경우에는 입력한 순서대로 나오기 때문에 관리하기가 힘듧니다. 그러나, 입력된 위치표지 등을 드래깅하면 순서를 바꿀 수 있는 기능이 있습니다. 실제로 해보시면 아주 간단하니 더이상 설명은 드리지 않겠습니다. 자세한 내용은 내지도 정렬 기능 추가를 읽어보시면 됩니다.

아래 그림은 지금까지 만든 지도를 보인 것입니다. 이 그림에서 제가 빨간 동그라미를 쳐둔 "Collaborate"를 누르면, 다른 사람들도 이 지도를 함께 편집하도록 할 수 있습니다. 내지도를 공동지도로 탈바꿈시킬 수 있는 것이죠. 자세한 내용은 공동으로 사용하는 지도를 읽어보시면 됩니다.

사용자 삽입 이미지

또, 윗그림에서 빨간줄 쳐놓은 부분을 보시면 "Rate this map(평점매기기)"와 "Write a comment(코멘트 달기)" 기능도 있음을 알 수 있습니다. 평점이 높으면 쓸만한 지도겠죠~ 평가 및 코멘트 기능에 대해서는 여기를 읽어보시기 바랍니다.

내지도 공유하기


구글맵에는 이렇게 만든 지도를 다른 사람에게 알려주는 방법이 여러가지가 있습니다. 단순하게 링크를 넘겨줄 수도 있고, 지도를 블로그가 홈페이지에 삽입시킬 수도 있습니다. 내지도를 띄운 상태에서 지도영역 우측 위를 보면 "Link to this page"라는 링크가 있는데, 이를 누르면 아래와 같은 그림이 뜹니다.

여기에서 윗부분은 지도링크이고, 아래는 지도를 블로그나 홈페이지에 삽입시킬 때 사용하는 코드입니다. 물론, 이 기능은 내지도를 공유하는 목적뿐만 아니라, 어떠한 형태의 지도도 공유할 수 있습니다.

사용자 삽입 이미지

위에서 만든 지도의 링크는 아래와 같습니다. 직접 눌러보시면 구글맵으로 연결됩니다.

http://maps.google.com/maps/ms?msa=0&msid=114147742070011981387.000447841b8f5fdf90c11&ie=UTF8&ll=37.530744,126.918719&spn=0.011231,0.025063&t=k&z=16

아래는 이 지도를 직접 삽입시킨 것입니다. 삽입시키실 때는 HTML상태에서 삽입을 시켜야 하며, 편집모드로 돌아오면 사라지니 주의하셔야 합니다. 지도를 삽입하는 방법에 대한 자세한 내용은 여기를 눌러보세요.


View Larger Map

KML로 공유하기

이렇게 만든 내지도는 손쉽게 KML로 변환할 수 있습니다. 아래 그림 왼쪽위에 있는 "View in Google Earth" 링크를 누르기만 하면 됩니다.

사용자 삽입 이미지

아래는 이렇게 저장한 KML 파일입니다. 눌러보시면 구글어스가 실행되고, 제 내지도를 구글어스에서 볼 수 있습니다. 구글어스 화면은 동일하므로 따로 캡처하지는 않습니다만, 올려보신 후, 모두 열고 국회의사당 주변도로를 클릭하신 후 툴(T) -> 둘러보기 실행(Ctrl+Alt+P)를 선택하시면 국회의사당 주변도로를 삥 둘러 한바퀴 보실 수 있습니다. 꼭 한번 해보세요~


다른 사람의 KML을 불러들이기

내지도를 만들 때, 모든 걸 처음부터 만들어야 할 필요는 없습니다. 다른 사람들이 만들어 둔 것이 있다면 그것을 불러들여서 편집하는 게 훨씬 좋겠죠. 다행히 내지도에서 다른 사람이 만들어둔 KML파일을 읽어들이는 방법이 있습니다. 다른 사람이 만들어둔 내지도라면, 위에서 설명한 방법으로 KML로 저장한 후 읽어들이면 되겠죠.

아래는 제가 구글어스에 네이버지도를 겹쳐서 보면서 작성한 6개의 위치표지와, 파노라미오 레이어에 들어있는 사진 몇장을 저장해둔 KML파일입니다. 이 파일의 링크를 복사해서 내지도에 읽어들이면 두가지를 합쳐볼 수 있습니다.


아래는 합쳐본 모습입니다. 구글어스에서 만든 KML이 잘 들어오네요. 일단 불러들인 후 지워버렸으니, 다시 들어가보시면 안보이실 겁니다. :-)  상세한 내용은 내지도에 KML 불러들이기라는 글을 참고하세요.

사용자 삽입 이미지

(주의 : 실제로 해보시면, 구글맵의 내지도에서 그림들이 안나타난다던지, 구글어스에서 이름이 깨진다던지... 버그들이 보입니다.)

구글맵 내지도 찾아보기


위와 같이 만든 내지도는 맨처음에 "Public(공개)"으로 설정했으므로, 누구나 검색해서 사용할 수 있습니다. 검색은 아주 간단합니다. 그냥 구글맵 검색창에 원하는 내용만 입력하면 됩니다.

즉, 위에서 제작한 지도를 찾아보려면 "임시로"라고 검색해보시면 됩니다. 전세계 지도를 띄워둔 상태에서 "임시로"로 검색을 해보면 여러개가 검색되는데, 서울지역만 띄워둔 상태에서 검색을 해보시면 제가 위에서 만든 위치표지만 나타나게 됩니다.

다음은 우리나라를 띄워둔 상태에서 "임시로"라고 검색한 결과입니다. 직접 보시려면 여기를 눌러보시면 됩니다.

사용자 삽입 이미지

====
이상으로 마치겠습니다. 긴 글 읽으시느라 수고가 많으셨을텐데요, 마지막으로 한가지만 더 말씀드리겠습니다.

내지도를 사용하면 구글맵 API와 같이 복잡하게 프로그램을 짤 필요없이 쉽게 지도를 제작 공유할 수 있어, 다양한 부분에 응용되고 있습니다. 구글 LatLong 블로그에 소개된 내지도 응용사례를 몇몇 소개하면 다음과 같습니다.
민, 푸른하늘

신고

댓글을 달아 주세요

  1. Favicon of http://ittrend.egloos.com BlogIcon harris  수정/삭제  댓글쓰기

    와우~ 구글맵으로 할게 많네요. 글 잘보았습니다. ^^

    2008.03.04 21:14 신고
  2. Favicon of http://jumpcut.tistory.com BlogIcon 점프컷  수정/삭제  댓글쓰기

    멋진 메뉴얼입니다.^^

    2008.03.04 21:36 신고
  3. 앗싸라비야  수정/삭제  댓글쓰기

    잘읽었습니다^^
    질문하나만 할께요..
    구글맵에서 내지도를 만든 다음에
    내지도를 복사하는 방법은 없나요?
    내지도에 표시가 80개가 넘어가니까 2페이지로 넘어가더라구요..
    물론 내지도에도 2페이지 내용은 2페이지에서만 뜨고요..
    표시 내용이 많아서 페이지가 많아지면 한지도안에 안들어가나요?
    그걸 반씩 나누려고 하니 다시 만들기 힘들어서 복사해서 지울라고 하는데요..
    알켜주세요~^^

    2008.03.10 01:21 신고
    • Favicon of http://heomin61.tistory.com/ BlogIcon 푸른하늘  수정/삭제

      내용이 많을 때 처리하는 방법을 본 것 같긴 한데 기억이 잘 안납니다. 죄송합니다.

      반으로 나누시려면... 위에 써둔 것처럼 먼저 구글어스로 보기로 해서 KML로 저장한 다음, 구글어스에서 반으로 분리한 뒤에, 구글맵에서 따로 불러들이기 하면 될 것 같습니다~

      2008.03.10 08:19 신고
  4. 양면거울..D+13 실연  수정/삭제  댓글쓰기

    우연찮게 공부하는중에 푸른하늘님의 블로그에서 많은 정보를 얻고 큰 힘을 얻었네요..
    처음부터 이렇게 질문하려하니 쑥쓰럽지만...
    이렇게 만들어진 KML 데이터에 필드값이나 레코드값을 어떻게 넣어야하는지 궁금하네요.
    그냥 만들어진 KML데이터는 일단 빈(?) 정보이기 때문에 다른 파일로..특히 SHP파일로 변환이 되지 않는데..
    다른 KML파일들을 SHP으로 변환해서 확인해보니 필드값등이 포함되 있더군요..
    KML값에 어떻게 필드값을 넣는지 알려주시면 정말 감사드리겠네요.

    2008.04.23 20:42 신고
    • Favicon of http://heomin61.tistory.com BlogIcon 푸른하늘  수정/삭제

      <Placemark>
      <name>Club house</name>
      <ExtendedData>
      <Data name="holeNumber">
      <value>1</value>
      </Data>
      <Data name="holeYardage">
      <value>234</value>
      </Data>
      <Data name="holePar">
      <value>4</value>
      </Data>
      </ExtendedData>
      </Placemark>
      이런 형태면 되지 않을까 싶은데요....
      자세한 내용은 http://code.google.com/apis/kml/documentation/kmlreference.html에서 확인하시구요.
      근데, 저도 해본 게 아니라서 좀 그렇네요.

      2008.04.23 21:42 신고
  5. 양면거울.D+15  수정/삭제  댓글쓰기

    답변 감사드립니다..
    너무 답답한 나머지 질문을 드렸는데..역시 가장 좋은 방법은 직접 부딪치는게 좋은거 같네요.
    일단 고고!!
    주말 잘 보내세요 ^^

    2008.04.25 16:56 신고
  6. Favicon of http://acidhope.cafe24.com BlogIcon Hope  수정/삭제  댓글쓰기

    관악산 등산로를 만드시는 걸 보니 신림동 근처 사시는 것 같네요.

    간단히 신림9동-2동 맛집 한번 만들어 봤습니다. 관심있으시면 구경해주세요 ^^

    http://maps.google.com/maps/ms?ie=UTF8&hl=ko&msa=0&ll=37.471503,126.936507&spn=0.003065,0.004828&t=h&z=18&lci=lmc:wikipedia_en&msid=106559117918331273712.0004542e7b44d230dc0e3&iwloc=0004542e94586d3aad2be

    2008.08.11 22:53 신고
  7. Favicon of http://acidhope.cafe24.com BlogIcon Hope  수정/삭제  댓글쓰기

    푸른하늘님 덕분에 재미있는 시간을 보냈네요 ^^ 감사합니다

    2008.08.12 12:55 신고
  8. 자바섬  수정/삭제  댓글쓰기

    요새 마이구글맵을 즐겨 사용하고 있어요..
    지도위에 내용이 많아지다보니까요..
    폴더같은게 있었음 좋겠는데 아무리 찾아봐도 안보여요.ㅠ
    그래서 여기까지 왔답니다.ㅠㅠ
    개인지도 정렬기능을 클릭하니 해당페이지로 연결이 안되네요..
    방법좀 알려주세요.. 부탁드려요..ㅠㅠ

    2008.09.05 18:02 신고
    • Favicon of http://heomin61.tistory.com BlogIcon 푸른하늘  수정/삭제

      지금은 폴더 기능이 없고요. 아무래도 다른 지도로 분리해야 할 듯 싶습니다. 개인지도 정렬기능은 http://heomin61.tistory.com/202 를 읽어보시면 됩니다~

      2008.09.06 14:04 신고
  9. 하늘이  수정/삭제  댓글쓰기

    푸른하늘님, 안녕하세요
    구글맵의 my map을 사용하고 있는 유저입니다.
    지도위에 많은 내용을 포스트하고 있는데 어느날 보니 그게 다 제대로 저장이 안되었더라구요.
    행여 save-done 작업에 실수가 있었나해서 일일이 작업 마치고 확인해 봐도
    작업시 화면에서는 잘 저장된것처럼 보이다가 다시 로긴 하거나 새창을 띄우면 포스트한 내용이 제목만 남긴채 사라져 있는거예요... (그것도 어쩔땐 이제목으로 남았다가 어떨땐 또 다른 제목으로 남기도 하구요...ㅠ)
    힘들게 올린 자료인데 잘 저장처리된것 처럼 보이다가 막상 다시보면 바뀌곤 합니다.
    한개의 my map지도에 제한되는 포스트 숫자나 글자수 제한이라도 있는건가 하는 생각도 들구요.
    글자수가 많으면 알아서 오버됐다고 처리가 안되는데 말입니다.
    도대체 사유가 뭔지..애써 올린 자료들이 헛고생되어 구글에 전화하고 싶으나 전화연결도 어렵습니다.
    부득이하게 애꿎은 푸른하늘님께 문의드려봅니다.. 혹시 답변주실수 있으시면 감사하겠습니다.

    2008.09.12 09:28 신고
  10. 하늘이  수정/삭제  댓글쓰기

    알겠습니다.. 구글 헬프데스크에 보면 이런사례가 토론방에 종종 등장해 보이네요..
    오늘도 작업시는 멀쩡하게 보이다가 재 로그인시 여전히 저장처리가 안되고 있네요...
    여튼 감사드립니다.. ^^

    2008.09.16 16:57 신고
  11. Favicon of http://techjun.com BlogIcon 뽕다르  수정/삭제  댓글쓰기

    이거 여러 지점도 복수로 찍어서 설명 넣는것도 가능한거죠? ㅎㅎ 제가 찾던거네요. 감사합니다. 유용하게 따라 할께요 ㅋㅋ

    2009.09.02 00:54 신고
  12. wjddbsals  수정/삭제  댓글쓰기

    그런데 푸른하늘 님, 저는 내 지도에서 Rich Text에 이미지 주소를 입력하면 이미지가 안 나타나요.이럴 때는 어떻게 하죠?

    2010.08.24 11:46 신고
  13. jdh2253  수정/삭제  댓글쓰기

    님 질문이있는데요~
    이미지 추가할때요 저같은 경우 님이 국회의사당사진 첨부 하신것처럼 저렇게 그냥 붙여넣기 하면
    구글어스로 볼땐 이미지가 안나오던데...어떻게 하는건지 순서대로 알려주실수있으신가요?
    그리고 Rich text-그림모양 버튼을 누르면 주소를 입력하게 되어있는데
    그거는 어케하는건지요..
    간단하게 정리해서말하면, 장소지정하고 사진올릴때. 어떻게하는건지좀.ㅠ.ㅠ
    바탕화면에 저장해논 사진파일을 불러오기하는건 안되는건가요?

    2010.10.31 02:46 신고
  14. 김천식  수정/삭제  댓글쓰기

    내지도는 모바일에서 구글맵을 실행하면 바로 보이게 할 수 없나요? 링크를 타고 들어가야 볼 수 있게 되어있는 것 같은데요. 저는 제 구글지도만 열면 바로 볼 수 있으면 좋을 것 같은데.. 당최 찾을 수가 없네요.ㅎㅎ

    2015.03.13 16:50 신고

BLOG main image
드론과 지도
드론이 세상을 바꾸고 있습니다.드론의 활용처가 계속 넓어지고 있고, 글로벌 기업들의 참여가 많아지고 있으며, 새로운 기술들이 속속 등장하고 있습니다. 하지만 우리나라의 드론 산업은 일부 기업을 제외하면 중국에서 생산된 드론을 가져다가 조립하는 수준이 대부분입니다. 드론은 하드웨어, 소프트웨어, 데이터처리가 복합된 기술입니다. 어떤 기술들을 어떻게 조합할지에 성패가 달렸죠. 5년뒤 10년뒤에 이 블로그엔 어떤 글이 적힐까요? 그것이 궁금합니다.
by 푸른하늘이
Profile for bluesky61

달력

«   2017/06   »
        1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30  

카테고리

전체보기 (1536)
구글어스 (829)
측량/GPS/GIS (215)
사진 (96)
드론/쿼드콥터 (227)
지오캐싱 (47)
기타 (121)
  • 4,032,495
  • 211,160
TNM Media textcube get rss

드론과 지도

푸른하늘이's Blog is powered by Tistory. / Supported by TNM Media.
Copyright by 푸른하늘이 [ http://www.ringblog.com ]. All rights reserved.

Textcube TNM Media
푸른하늘이's Blog is powered by Tistory. Designed by Qwer999. Supported by TNM Media.