제 블로그에 구글어스를 심어 봤습니다!

구글어스 2008.06.02 09:32 Posted by 드론의 미래가 궁금한 푸른하늘이

엊그제, 구글어스가 웹 브라우저 속으로 라는 글을 올렸습니다. 예전에는 2차원인 구글맵만 넣을 수 있었는데, 독립 어플리케이션으로 실행되는 구글어스(Google Earth)도 기존의 구글맵 API만 살짝 고치면 자신의 웹브라우저에 넣을 수 있다는 내용이었습니다.

그런데, 사실 프로그램을 짜거나 웹 페이지를 직접 제작해 보신 분들이 아니라면 구글맵 API를 이용하기가 힘듧니다. 그래서 작년 8월 구글맵을 유튜브처럼 웹페이지나 블로그에 쉽게 삽입(Embed)할 수 있는 기능이 개발되었죠.

지금도 구글맵은 이와 같은 방식으로 삽입은 되지만, 구글맵에는 구글어스로 전환하는 기능이 추가되지 않았기 때문에(아마도 두세달 이내로 추가되겠죠), 구글어스를 쉽게 Embed 할 수는 없습니다.

그런데, 어제 GeoClick2님께서 올리신 GE 플러그인을 이용한 Google Earth 임베딩이라는 글에 구글어스가 삽입되어 있는 것을 보고 저도 이 글에 삽입시켜보았습니다.

1. TakItWithMe의 GeEmbed에 접속합니다. 그러면 다음과 같은 화면이 뜹니다.

사용자 삽입 이미지

2. 이 화면에서 좌측위에 자신이 알고 있는 개인지도(My Maps)의 주소나, KML 주소를 복사해서 넣어줍니다.
2.1 개인지도의 주소를 넣고 싶다면, 먼저 구글맵에 접속한 후 "My Maps" 탭을 눌러줍니다. 보관된 개인지도 중의 하나를 클릭한 후, 아래 그림에 있는 것 처럼 오른쪽 위에 있는 Link to this page를 누르고, 윗쪽에 나오는 주소를 복사하여 넣으시면 됩니다.

사용자 삽입 이미지

그냥 시험만 해보고 싶으시다면, 제가 만든 쓰촨성 지진지도의 주소를 복사해서 사용하셔도 됩니다. 참고로, 미리 제작한 개인지도가 없을 경우에는 구글맵으로 나만의 지도 만들기를 따라해서 간단히 만드셔도 되고요.

2.2 KML 주소를 넣고 싶으시다면, 웹에 존재하는 어떤 KML이든 오른쪽 버튼을 클릭해서 주소를 얻은 후 이것을 넣어주시면 됩니다. 테스트만 해보고 싶으시다면 아래에 있는 KML의 주소를 복사하세요.
3. 이상과 같이 주소를 넣어주고, "Load Preview"라는 버튼을 누르고 나서, 원하는 지역이 보이도록 화면을 확대/축소/이동시켜주신 후 "Set Center and Zoom" 버튼을 누르시면 됩니다.

4. 마지막으로 "Generate Embed Code"를 누르면 <iframe...>으로 시작되는 코드가 나오는데, 이것을 홈페이지나 블로그 글에 넣으시면 됩니다. 아래는 남산이 잘 보이는 위치로 삽입한 모습입니다. 유감스럽게도 3차원 건물은 보이지 않네요... ㅠㅠ

참고로 티스토리(Tistory)를 사용하실 때는 "HTML"모드로 바꾸어서 넣어야 하고, 다시 "Edit"모드로 돌아오면 삽입코드가 모두 사라지니 유의하셔야 합니다. 아래는 제가 삽입한 코드입니다.
<iframe src="http://www.takitwithme.com/geiframe.html?msid=114147742070011981387.00044dbd5e6d020810729&t=81.78939135955284&h=-1.1286849569368116&z=1935.2005772460132&ll=37.56534640082023,126.98679556137962" name="takit-geembed" frameborder="0" height="510" scrolling="auto" width="500"></iframe>

====
이 TakItWithMe 사이트를 하다보니... 개인지도나 KML을 넣지 않아도 Embed 코드가 만들어지도록 했으면 좋겠고... 3차원 건물이 보이도록 설정을 바꿨으면... 싶네요.

머... 이 글을 보신 분중에서 이와 비슷한 사이트를 하나 만들어주시면 더욱 좋을 것 같고요~

민, 푸른하늘

신고

댓글을 달아 주세요

  1. Favicon of http://offree.net/ BlogIcon 도아  수정/삭제  댓글쓰기

    플러그인으로 만들면 좋을 것 같군요. 태터의 지역 정보를 구글 맵에 연결하면 지도로 어디에 갔었는지 바로 알 수 있으니까요.

    2008.06.02 09:54 신고
  2. Favicon of http://blog.ebuzz.co.kr BlogIcon buzz  수정/삭제  댓글쓰기

    푸른하늘이님의 해당 포스트가 6/3일 버즈블로그 메인 헤드라인으로 링크되었습니다.

    2008.06.03 10:39 신고
  3. Favicon of http://mepay.co.kr BlogIcon mepay  수정/삭제  댓글쓰기

    좋군요.^^
    여기 대만 비가 엄청 옵니다. !!

    2008.06.03 11:58 신고
  4. 추파  수정/삭제  댓글쓰기

    파폭3는 지원 안되는군요..ㅠㅠ

    파폭 속도는 정말 좋은데 아직 RC판이라 그런가 봅니다~^^

    2008.06.04 04:36 신고
  5. Favicon of http://blog.naver.com/skp50208 BlogIcon 박반장  수정/삭제  댓글쓰기

    구굴 어스에서 둘러 보기를 녹화하여 좌측에 동영상 카메라 모양이 저장되어 있습니다.
    이를 블로그에 삽입하고자 하는데 위 사이트에서 embedded로 변환이 되지 않습니다.
    이를 어떻게 해결하죠?

    2017.03.30 11:25 신고

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  

카테고리

전체보기 (1537)
구글어스 (829)
측량/GPS/GIS (215)
사진 (96)
드론/쿼드콥터 (228)
지오캐싱 (47)
기타 (121)
  • 4,036,658
  • 9401,113
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.