Tuesday, September 4, 2007

My Map Cover 플러그인

처음으로 Textcube 플러그인을 만들어 보았습니다. 예전에 스킨과 지리정보를 수동으로 만들던 여행지도 페이지를 플러그인 형식으로 만든 것입니다.

플러그인 형식으로 만들 수 있었던 것은 1) Textcube에서 Cover라는 이름으로 페이지 기능을 지원하기 시작했고 2) Google Maps에서 My Maps를 만들어 이 정보를 KML 파일로 export해주는 기능이 생겼기 때문입니다.

이 두 기능을 조합해서 플러그인을 만들어 보았는데 설치하는 방법이 그렇게 쉽진 않습니다. 어떤 기능인지 먼저 제 Cover Page를 보세요.

이제 설치하는 방법을 단계별로 알아보겠습니다.
  1. Google Maps 페이지로 이동합니다.

  2. "My Maps" 탭을 누릅니다.


  3. "Create new map" 링크를 누릅니다.


  4. 원하는대로 지도에 이것 저것 표시를 만듭니다.

  5. 지도의 오른쪽 위에 있는 링크들 중 "KML" 링크와 "Link to this page" 링크의 주소를 노트패드와 같은 편집기를 열어 저장해 둡니다. (IE의 경우, "마우스 오른쪽 버튼" -> "바로 가기 복사"한 후 노트패드에 붙여넣기합니다.)


  6. Sign Up for the Google Maps API에서 API Key를 받습니다. 이때 "My web site URL"에 자신의 Textcube가 설치된 디렉토리까지 포함한 URL을 입력합니다. API Key는 여기에 입력한 디렉토리에서만 동작하므로 반드시 정확한 자신의 URL을 입력합니다. 예를 들어 제가 입력한 URL은 "http://www.memorycarrier.com/tt/"입니다.

  7. My Map Cover 플러그인을 설치하고 사용중으로 설정합니다.


  8. 환경 설정 창에서 "API Key"에 이전 단계에서 받은 API Key를 입력합니다. 그리고 "KML Url"에는 위 단계에서 저장해 둔 KML 링크의 주소를 입력합니다.


  9. 표지 설정 페이지에서 My Map Cover 플러그인을 끌어다 "표지"쪽에 놓은 후 편집을 누릅니다.

  10. "Title"와 "Width", "Height"에 원하는 값을 넣고 "My Maps Link"에 위에서 저장한 "Link to this page" 링크의 주소를 입력합니다. 이때 "Title"은 자신이 사용중인 skin을 참고하여 마크업을 합니다. 저는 "<h2>여행 지도</h2>"를 사용했습니다.


  11. 저장하고 나와 지도 화면이 정상적으로 동작하는지 Cover Page를 확인합니다.

여러분들의 설치에 행운을 빕니다. ^^; 다운로드는 태터툴즈 플러그인 게시판이나 아래 링크에서 하실 수 있습니다.

MC_Map_Cover.zip

Posted by at
Labels: , , ,

16 comments:

  1. lunamothSeptember 5, 2007 at 11:35 AM

    멋진 플러그인 감사드립니다 :) ,



    근데 여행을 많이 안다녀서 흙 TT

    ReplyDelete
  2. 이원구September 5, 2007 at 12:36 PM

    네... ^^;; 관심 가져주셔서 저도 감사합니다~ ^^

    ReplyDelete
  3. DynOSeptember 8, 2007 at 10:47 PM

    너무 멋진 플러그인인데...

    apikey 페이지가 깨졌는지 안받아지내요 ㅠ.ㅠ

    ReplyDelete
  4. AnonymousSeptember 9, 2007 at 9:02 PM

    비밀 댓글 입니다.

    ReplyDelete
  5. 이원구September 9, 2007 at 11:46 PM

    @DynO - 2007/09/08 22:47
    지금도 잘 받아지는 것 같은데... 이상하네요. -_-;

    ReplyDelete
  6. 이원구September 9, 2007 at 11:48 PM

    @Anonymous - 2007/09/09 21:02
    지금 Wayne님 Cover 페이지를 보니 지도가 보이는데요? 문제 해결하신거죠? ^^

    ReplyDelete
  7. WayneSeptember 9, 2007 at 11:59 PM

    네. ^^, 질문 드린 후 혼자 이거저거 해보다가 /cover가 붙어야 한다는 것을 알아서 했습니다. 제가 쓰는 스킨이 TT 1.1 용이라서 좀 다르거든요. 신경 써주셔서 감사합니다. ^^

    ReplyDelete
  8. 5thBeatlesJanuary 18, 2008 at 5:48 AM

    구글 맵에서 KML Link란게 안 뜨고 View in Google Earth라고만 뜨는데... 이거는 어케 해야할지...

    ReplyDelete
  9. 이원구January 20, 2008 at 6:32 AM

    KML Link 이름이 View in Google Earth로 바뀐것 같습니다. 링크를 눌러보니 역시 KML파일로 연결되네요. 그냥 이 링크를 사용하시면 될 것 같습니다. ^^

    ReplyDelete
  10. 5thBeatlesJanuary 21, 2008 at 4:20 AM

    말씀하신대로 저 링크를 누르면 KML 파일이 다운로드되어 버리고 정작 url은 알수가 없는 상황입니다. 어케 Url을 알아낼 방법이 없을까요.



    다운로드 한 후 제 홈피 서버에 올려서 거길 Link 시켜도 홈페이지에 정상적으로 나오질 않아서요 쿨럭...

    ReplyDelete
  11. 이원구January 22, 2008 at 11:13 AM

    위 글의 5번에 나온대로 마우스 오른쪽 버튼 클릭해서 나오는 메뉴를 사용하시면 됩니다. ^^

    ReplyDelete
  12. 5thBeatlesJanuary 23, 2008 at 5:01 AM

    스킨의 문제인가봐요.. 아무리 해도 안 되네요. 말씀하신대로 오른쪽 버튼 클릭후 copy해서 갖다 붙이고 해도... 안 되네요.. 쩝... 써보고 싶은 skin인데 저랑은 인연이 아닌가봐요 쿨럭... --;



    @여러가지로 귀찮게 해서 죄송합니다. 좋은 하루 되세요.

    ReplyDelete
  13. wingFebruary 4, 2008 at 9:59 PM

    어~ 이게 그거네요. 찾았는 데

    http://playtalk.net/

    여기 사이트 아래 처럼 나오게도 되나요? 궁금한데요

    ReplyDelete
  14. 열정, 저 높은 곳을 향하여!February 4, 2008 at 10:11 PM

    trackback from: Google My Map 기능을 이용하여 지도공유하기
    My Map Cover 플러그인제작자 사이트에 설명을 잘 해두었다 ^^처음이라 바로 잘 되지는 않았지만 천천히 해봐야지~아래는 플로그인이다. MC_Map_Cover.zip크리에이티브 커먼즈 라이센스이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-변경금지 2.0 대한민국 라이센스에 따라 이용하실 수 있습니다. -->

    ReplyDelete
  15. 박재환March 18, 2008 at 1:54 PM

    우와. 님의 페이지 중. [세계지도] 섹션이 참 멋있더군요.



    텍스트큐브(TT)의 '로케이션'을 잘만 요리하면 더 멋있는 블로그 페이지를 꾸밀 수 있을 것 같은데.

    능력이 모자라서...



    구글맵스에 그런 막강한 기능이 있을 줄 몰랐네요. .그리고. 그게 이렇게 쉽게 갖다 붙여질줄도 몰랐고요.

    제가 영화리뷰를 쓰는데..

    이거 활용하면.. 더욱 재밌는 페이지가 되겟더군요.

    고맙습니다.

    저는 커버페이지보단 로케이션 페이지를 꾸미는게 더 좋겟더군요.



    http://www.kinocine.com/location

    ReplyDelete
  16. bellblogJune 28, 2008 at 10:47 PM

    1.7 버젼에서 에러가 나고 아무것도 보이질 않거던요...

    버젼 업 좀 해주실 의향은 없으신지?

    유용하게 사용할께요...

    ReplyDelete

Subscribe to: Post Comments (Atom)