부제 : 블로그에 포스팅한 사진을 지오태깅하자~!


현재 블로그 지오태깅(GeoTagging)의 최신 버전은 0.5 Beta 입니다.

최신 정보는 아래의 업데이트 글을 확인하시기 바랍니다.




블로그 지오태깅(Geo Tagging)을 만든 이유?

블로그 지오태깅(Geo Tagging)

주소 http://gpson.kr/geotagging/

목적 : 블로그에 올린 사진을 이용하여 지오태깅을 하자~!

방법 : 블로그에 올린 사진을 이용하여 EXIF 정보를 읽어와 GPS 로그 파일과 시간 정보가 일치하면 지오태깅한 HTML 태그를 만들어 낸다.

# 주의사항 #

이 프로그램은 블로그에 올린 사진을 직접 수정하는게 아닙니다.
다른 서버의 파일을 수정할 방법도 이유도 그럴만한 능력도 없습니다.
브라우저로 사진을 보듯이 단순히 읽기만 하는 방식으로 
해당 서버에 악의적인 접근을 하지 않습니다.

업로드한 사진의 위치 정보(지오태깅)를 HTLM 태그로 만들어 줍니다.

자전거 여행을 하면서 GPS 로거를 이용해 기록한 라이딩 코스와 함께 사진들을 같이 공유하고자 만들게 되었습니다.

요즘은 자전거를 탈 여유도 없었지만 귀찮아서 올리지 않은 글들이 많습니다.

포스팅 하려고 1년 넘게 대기중인 로그들

포스팅 하려고 1년 넘게 대기중인 로그들


자전거 여행이나 라이딩 코스 올리고 사진 따로 정리해서 올리는게 은근히 귀찮습니다.

코스 설명 하려면 사진을 어디서 찍었는지 기억해내고 위치별로 설명을 달아야 하는데 손이 많이가니 글 하나 올리기 쉽지 않은게 사실 입니다.


귀차니즘을 극복하기 위해 로그 파일과 지오태깅이 가능한 사진이 있는 상황에서 쉽게 블로그에 올리면 좋겠다란 생각에 지오태깅 프로그램을 만들게 되었습니다.

'로그파일과 사진을 매핑해서 자동으로 촬영 장소가 보이게 하자~!'를 목적으로 혹시나 이미 서비스되고 있는게 아닌가 싶어 찾아봤지만 원하는건 없었습니다.

지오태깅을 하는 방법도 많고 지원하는 사이트도 많지만 블로그에 올린 사진으로 지오태깅을 하는 방법은 없는것 같아 일종의 블로그 플러그인으로 만들게 되었습니다.




블로그 지오태깅(Geo Tagging) 사용법

사용법은 간단 합니다.

1. GPS 로거로 이동한 경로를 기록하면서 사진을 찍는다.

2. 사진을 블로그에 올린다.

3. '블로그 지오태깅' 사이트에 접속하여 사진을 업로드한 주소와 GPS 로그 파일을 올린다.

4. 지오태깅한 로그가 필요하면 로그 파일을 다운로드하고 사진만 필요한 경우 필요한 부분을 복사하여 블로그에 삽입한다.


예를들어 설명 하겠습니다.
- GPS 로그 파일도 첨부하니 궁금하신분은 다운로드하여 직접 해보세요 ^^

지난 3월 브롬톤 라이더가 모여 매화 축제를 구경하기위해 자전거 여행을 다녀 왔습니다.

자전거 여행이니 라이딩 코스도 다른 사람들과 공유하고 싶고 여행을 하며 찍은 사진도 보여주고 싶다면?
- 여행을 다녀 왔으면 후기를 올려야죠~!



1. 블로그에 사진 올리기


먼저 자전거 여행을 하며 찍은 사진을 블로그에 올립니다.

자전거 여행 사진 올리기 : http://photo.sangogi.com/8

GPS 로그 파일도 준비 합니다.



2. 블로그 지오태깅에 접속

'블로그 지오태깅' 사이트에 접속하여 사진을 업로드한 주소와 GPS 로그 파일을 올린후 글쓰기를 누릅니다.

블로그 지오태깅 입력 화면

블로그 지오태깅 입력 화면





GPS 로그와 사진과의 지오태깅 과정이 끝나게 되면 아래와 같이 필요한 데이터가 나옵니다.


3. 완료> 1. 지오태깅을 추가한 로그 파일

이동한 경로를 지도로 보여주고 싶은 경우 "지오태깅을 추가한 로그 파일"을 다운로드하여 GPS 로그 파일을 지도에 보여주는 GPS On 이나 wikiloc 등에 업로드후 블로그로 퍼오기를 합니다.


로그 파일이 필요한 경우 다운로드~!

로그 파일이 필요한 경우 다운로드~!





3. 완료 > 2. 지오태깅을 적용한 사진


이 아래에 보이는 부분이 사진을 업로드한 블로그나 웹앨범의 주소와 GPS 로그 파일을 매핑하여 지오태깅을 한 결과물 입니다.

필요한 부분을 마우스로 긁어서 복사한후 원하는 곳에 붙여넣기를 하면 됩니다.


지오태깅한 사진을 썸네일처럼 모아놓음

지오태깅한 사진을 썸네일처럼 모아놓음


참고로 썸네일 처럼 보이지만 블로그에 업로드한 원본 사진 입니다.


======================== 실제 작업후 복사해온 부분 ========================




설명 : 섬진강변의 별미, 재첩국
시간 : 2009-03-22 09:03:11
장소 : 한국 경상남도 하동군 하동읍 광평리 221-43 [구글맵으로 보기]
좌표(위도, 경도) : 35.0645751953, 127.746749878
고도 : 9.36m


설명은 블로그에 사진을 업로드후 입력하는 사진의 자막에 입력한 내용을 사용 합니다.

자막에 입력한 내용이 설명으로 나옴

자막에 입력한 내용이 설명으로 나옴


그러니 필요한 사진마다 정성 스럽게 내용을 입력해야 합니다.

장소는 구글맵 API를 이용하여 좌표 주소 변환(ReverseGeocoding) 기능을 이용하여 사진을 촬영한 좌표에 해당하는 주소를 얻어 옵니다.

구글맵으로 보기를 클릭하면 다음과 같이 촬영 장소를 구글맵에서 확인할 수 있습니다.

촬영 장소를 구글맵으로 확인

촬영 장소를 구글맵으로 확인






설명 : 매화 마을에서 바라보는 섬진강 풍경
시간 : 2009-03-22 09:50:52
장소 : 한국 전라남도 광양시 다압면 도사리 422-2 [구글맵으로 보기]
좌표(위도, 경도) : 35.0759963989, 127.716110229
고도 : 67.83m





설명 : 잠시 휴식중~~
시간 : 2009-03-22 11:42:08
장소 : 한국 전라남도 광양시 다압면 고사리 산327-1 [구글맵으로 보기]
좌표(위도, 경도) : 35.1020545959, 127.694778442
고도 : 16.5m





설명 : 멋진 섬진강~!
시간 : 2009-03-22 11:42:36
장소 : 한국 전라남도 광양시 다압면 고사리 산327-1 [구글맵으로 보기]
좌표(위도, 경도) : 35.1020545959, 127.694778442
고도 : 16.5m





설명 : 강건너가 화개장터, 오른쪽은 남도대교~!
시간 : 2009-03-22 14:58:51
장소 : 한국 전라남도 구례군 간전면 운천리 314-1 [구글맵으로 보기]
좌표(위도, 경도) : 35.191986084, 127.613815308
고도 : 27.73m





4. 다운로드 받은 GPS 로그 파일 활용

이동한 경로를 사진을 포함하여 지도로 보여주고 싶은 경우 "지오태깅을 추가한 로그 파일"을 다운로드하여 GPS 로그 파일을 지도에 보여주는 GPS On 이나 wikiloc 등에 업로드후 블로그로 퍼오기를 합니다.



아래의 지도는 다운로드한 로그 파일을 아래와 같이 블로그에 업로드한후 블로그 상단에 링크되어 있는 "GPS 로그 지도" 를 이용하여 지도를 첨부 하였습니다.


GPS 로그 지도로 보기(큰화면) => [구글 지도]   [다음 지도]   [야후 지도]   [네이버 지도]



GPS On은 아직 수정을 하지 않아 GPS On에 업로드후 지도를 퍼왔지만 실제론 자신의 블로그에 로그 파일을 업로드후 로그 파일의 링크를 입력하여 사용을 하게 됩니다.
=> GPS 로그 지도를 이용

또한 한 장소에서 여러번 찍은 경우 좌표가 동일하여 겹쳐서 보이는데 이 버그는 아직 좋은 방법을 찾지 못했습니다.
- 좌표가 동일하면 하나로 묶어서 처리하는 방법외엔 없을듯...
=> 동일한 좌표로 등록되는건 하나로 묶어서 등록함

2가지 모두 수정이 되었습니다.


이렇게 이 지오태깅 프로그램(자작 플러그인?)을 이용하면 노가다 작업을 덜하고도 훌륭한 자전거 여행기를 완성할 수 있습니다.

잘 활용하면 여러모로 유용하다고 생각 합니다 ^^
- 제가 필요해서(자전거 여행기나 라이딩 코스 설명등) 만든거니 최소한 저에겐 유용하겠죠~!






아직은 베타 버전이라 버그가 있을 수 있지만 사용하면서 개선해갈 생각 입니다.

개선사항이나 버그가 있으면 알려 주세요 ^^




이 글은 '상오기 : 자전거 여행과 GPS~!' 의 "상오기™ (sangogi@gmai.com)" 이 작성 하였습니다.
"상업적 이용 금지, 원본 출처(링크 포함) 및 저작자 표시, 내용 변경 금지"의 조건으로 자유롭게 사용하실 수 있으며 저작권에 대한 자세한 내용은 "저작권 안내를 참고 하시기 바랍니다.



Posted by 상오기™

이 포스팅이 도움이 되었다면 구글에서 관련 정보를 찾아 보세요 ^^


댓글을 달아 주세요

  1. Favicon of http://mycylee.com BlogIcon cylee 2009.07.29 09:50 신고  댓글주소  수정/삭제  댓글쓰기

    감사합니다.
    이제 본격적인 서비스를 하시는군요--

    잘 활용하겠습니다.
    지오태깅 때문에라도
    자전거여행이 활성화 되었으면 좋겠군요-

    감사합니다-!! 행복한 하루 보내세요-

    • Favicon of http://sangogi.com BlogIcon 상오기™ 2009.07.29 09:52 신고  댓글주소  수정/삭제

      네~ 구글맵에 보여주는건 수정이 필요하지만 사진을 블로그에 보여주는건 지금 정도로도 사용하는데 문제는 없을것 같습니다 ^^
      안전 라이딩 하세요~~~

  2. Favicon of http://iconiron.tistory.com BlogIcon 레오 ™ 2009.07.29 10:51 신고  댓글주소  수정/삭제  댓글쓰기

    자전거여행자들에게 필수품이 되겠네요

  3. Favicon of http://smilecap.tistory.com/ BlogIcon 스마일맨 2009.07.29 11:16 신고  댓글주소  수정/삭제  댓글쓰기

    오호~
    멋지십니다.
    이번에 여행갈땐 큐비랩 챙겨가야지 ㅋ

  4. Favicon of http://mycylee.com BlogIcon cylee 2009.07.29 13:07 신고  댓글주소  수정/삭제  댓글쓰기

    문득. 떠오른 생각이-
    gpx 경로없이, 사진만 올려서
    지도에 표시된다면,

    자전거 여행자뿐만 아니라. 일반 여행자들도
    사용할수 있지 않을까 하네요=

    EXIF 정보만 읽어와서 말이죠
    왠지, 이런 서비스는 있을거 같긴 하군요--

    암튼, 감사합니다.
    날씨가 엄청 덥군요-. 시원한 오후 보내세요-^^

    • Favicon of http://sangogi.com BlogIcon 상오기™ 2009.07.29 13:14 신고  댓글주소  수정/삭제

      사진만 올려서 지도에 표시하는 서비스는 많습니다 ^^
      피카사 웹앨범이나 플리커등등~~

      구글맵에 동그라미안에 십자모양으로 사진이 링크되는 서비스도 있죠 ^^
      http://www.panoramio.com

      좋은 하루 보내세요 ^^

  5. Favicon of http://cansurvive.co.kr BlogIcon 흰소를 타고 2009.07.29 13:15 신고  댓글주소  수정/삭제  댓글쓰기

    수고많으셨습니다 !!!
    음... 일단 저는 눈이 핑핑 도는 느낌이 ㅎ

  6. Favicon of http://line4256.egloos.com/ BlogIcon 마네킨 2009.07.29 22:46 신고  댓글주소  수정/삭제  댓글쓰기

    항상 rss 를 통해서 새글올라오면 말그대로 눈팅! 만 하고 갑니다요ㅡㅡ

    필요에의해 배우게 되고 집중하게 되는데 상오기님 정보는

    언젠간 습득하리라~ 생각하지만 지금은 어려워서 눈팅! 만 하고 갑니다 ㅡㅡ

    • Favicon of http://sangogi.com BlogIcon 상오기™ 2009.07.30 11:27 신고  댓글주소  수정/삭제

      반갑습니다 ^^

      그냥 이런게 있구나란것만 기억하셨다가 나중에 직접 GPS를 사용하실때 찾아와서 보시면 이해가 가실 겁니다.

      당장 필요없는걸 알기위해 노력할 필요는 없죠 ^^

      필요할때봐야 머리에 쏙쏙 들어오잖아요~~

      좋은 하루 보내세요~~~~^^

  7. solo 2009.10.26 22:53 신고  댓글주소  수정/삭제  댓글쓰기

    안녕하세요 상오기님 항상 좋은글 잘 읽고 많은도움이 되고 있습니다.질문이 있어서 문의좀 드립니다.
    지오태깅할 사진이 업로드된 글(전체공개)의 주소가 다음카페는 바로 주소복사가 보이는데 티스토리는
    찿을수가 없네요. 혹시 다른 방법이 있으신지요 사진이 여러장있는 전체주소를 어떻게 찿아서 지오태킹에 사진을 링크하는지 좀 알려주시면 고맙겠습니다. 티스토리 블로그에 사진주소를 찿을수가 없습니다. 한장한장은 주소가 있는데 전체 주소가 보이질 않네요..
    항상 건강하시구요 많이 배우고 있습니다 행복하세요

  8. solo 2009.10.28 10:14 신고  댓글주소  수정/삭제  댓글쓰기

    입력하신 사진 주소의 글을 읽을 수 없습니다.
    주소가 맞다면 글의 설정이 전체공개인지 확인 하세요 ^^
    비공개나 멤버공개등 읽기 권한이 제한되어 있으면 읽을 수 없습니다.

    위와같이 나오네요.. 그리고 주소는
    http://ismtb.tistory.com/entry/2009년-10월-25일-강화도-라이딩
    나오는데요 맞는건지요? 설정 은 공개로 다 해놨는데도 그러네요.
    다음카페주소는 연결하면 잘되는데 티스토리는 안되는 이유를 모르겠습니다.
    다음카페는 사진이20장이라 좀 적은것 같아서 티스토리로 연결하려고 하는데 잘안되네요
    고맙습니다^.^

  9. 썬파워 2010.06.08 09:54 신고  댓글주소  수정/삭제  댓글쓰기

    상오기님 수고많으십니다.
    제가 먼저는 지오태킹을 테스트(치악산휴양림)해봐서 잘되었는데 이번에 해보니 안되네요.
    왜그런지를 몰라서 문의드립니다.
    임시저장폴뎌에 봉산이 gpx 이거든요.
    사진은 가민오레곤550으로 찍었거든요.
    잘좀 가르쳐주세요
    그럼 좋은하루돼세요

    • Favicon of http://sangogi.com BlogIcon 상오기™ 2010.06.09 00:42 신고  댓글주소  수정/삭제

      몸이 안좋아서 이제서야 봤네요 ^^
      지오태깅이 안되는건 대부분 로그 시간과 사진 시간이 맞지 않거나 사진에 시간 정보가 없는 2가지 경우 입니다.
      좋은 밤 되세요~~

  10. Favicon of http://chobo1.tistory.com BlogIcon Kay~ 2010.06.29 13:10 신고  댓글주소  수정/삭제  댓글쓰기

    이 지오태깅... 자세히는 읽어보지 않았지만..
    매우 유용한 프로그램같네요~~
    꼭 자전거뿐만아니라 여행이나 등산할때도 사용할 수 있을것 같아요~~

    • Favicon of http://sangogi.com BlogIcon 상오기™ 2010.06.29 21:54 신고  댓글주소  수정/삭제

      이동 경로와 함께 사진을 보여주는 것이니 자전거나 등산, 여행등 모두 잘 어울립니다 ^^
      실제로 자전거와 등산 하시는 분들이 많이 애용하고 계십니다.
      물론 아시는 분들만~!!! 잘 사용하고 계시죠 ㅎㅎ
      단, 네이버는 아이프레임이 안되서 많이 부족하더군요 ^^;;

  11. 지오태깅 2010.07.05 18:26 신고  댓글주소  수정/삭제  댓글쓰기

    사진이 많은데 60초 제한때문에 이용하지를 못했습니다.

    • Favicon of http://sangogi.com BlogIcon 상오기™ 2010.07.05 20:01 신고  댓글주소  수정/삭제

      사용시간 제한은 어쩔 수 없는 부분 입니다.
      웹서버 자체에서 일정 시간 이상 반응이 없으면 접속이 끊길걸로 판단하기 때문 입니다.
      이를 강제적으로 늘이면 서버에 부담이 커지기 때문에 독립 서버를 이용하는게 아니라면 임의로 늘이지 못합니다.
      리사이즈된 사진이라면 일반적인 사용 용도로는 큰 문제가 없다고 보입니다.
      사진이 많은 경우엔 상, 하로 나누어 업로드 하는등 편법이 있긴 하지만 불편한건 사실 입니다.
      사실 최적화를 하면 조금 더 좋아지긴 하겠지만 무료 호스팅 업체를 이용하고 있는 입장이라 큰 효과는 보지 못할것 같습니다.
      좋은 하루 보내세요 ^^

  12. 커피요쿠르트 2011.05.13 22:21 신고  댓글주소  수정/삭제  댓글쓰기

    블로그 지오테깅 0.5 beta
    를 이용하다가 궁금한게 있어서 질문드립니다.
    blog API 설정 부분인데요.

    파폭 4.0과 크롬에서 blog api 설정에 기입하는 부분이 없습니다. ㅠㅠ
    저만 이런건지 익스플로어에서는 잘 보이는건지 궁금해서 질문드립니다.

    http://img716.imageshack.us/i/56165285.png/

    이미지처럼 깨끗하게 공란이네요..
    깔끔하게 blog api 를 사용하고 싶은데 어떻게 안될까요? ㅋ ^^*
    도움 바랍니다.

    감사합니다. ^^*

    • Favicon of http://sangogi.com BlogIcon 상오기™ 2011.05.15 18:49 신고  댓글주소  수정/삭제

      IE나 파폭, 크롬 모두 잘 나왔었는데 언제부터인지 나오질 않더군요 ㅡㅡ
      현재 수정중에 있으니 곧 다시 정상적으로 이용할 수 있을것 같습니다 ^^

  13. 커피요쿠르트 2011.05.13 23:03 신고  댓글주소  수정/삭제  댓글쓰기

    흠.. 그리고 하나더요;;

    다음 블로그에 올린 사진을 못가져오는거 같아서 질문드립니다.

    주말인데 귀찮게 해서 죄송합니다.;;

    그래도 즐거운 주말 보내시길 바랍니다. ^^*

    • Favicon of http://sangogi.com BlogIcon 상오기™ 2011.05.15 18:51 신고  댓글주소  수정/삭제

      에러 메시지가 나올텐데 에러 메시지를 남겨 주세요 ^^
      서버측에서 막아둔 상태에서 일부 제한을 풀어달라고해서 풀리긴 했는데 아직 안되는게 있나 보네요 ㅠ.ㅠ

  14. 초보~ 2012.05.11 13:35 신고  댓글주소  수정/삭제  댓글쓰기

    안녕하세요~

    스마트폰을 활용해보려다 사이트를 찾아서 사용하는데
    로그랑 사진을 같이 표시하려고 하면 아래와 같이 나오고 로그는 표시가 되는데
    사진은 첨부가 안되네요..

    혹시 지금 안되는건지요???

    참고로 사진이랑 로그는 티스토리에 올려져 있습니다.
    사진은 찍을때 위치정보가 저장된 것이고 로그는 GPX화일입니다.
    --------------------------------------------------------------------------------------------
    아래의 사진은 지오태깅이 가능한 사진으로 네이버나 다음 카페의 경우 외부 링크가 금지되어 일부 깨져서 보이는 경우가 있습니다.


    사진을 선택후 마우스 오른쪽 버튼을 클릭하여(또는 툴바의 메뉴중에서) "이미지에 설명 넣기"를 이용하여 설명을 입력 하세요~!.

    설명을 넣은후 엔터를 치지말고 우측 하단의 "입력" 버튼을 클릭 하셔야 합니다.

    실수로 엔터를 입력하여 화면이 바뀐 경우 "뒤로가기"를 하시면 됩니다.

    참고로 사진에 입력되는 설명외에는 등록이 되지 않습니다.

    하단의 등록 버튼을 클릭 하시면 다음 단계로 넘어 갑니다 ^^

    그리고 그다음 화면에 아래와 같이 나옵니다.

    2. 지오태깅을 적용한 사진
    지오태깅이 가능한 사진이 없습니다.

    ------------------------------------------------------------------------------

    귀찮으시더라도 확인 부탁드립니다.

    참고로 로그는 http://hotchy.tistory.com/attachment/cfile8.uf@1616564D4FAC966732ED4F.gpx
    이고 사진은 http://hotchy.tistory.com/entry/pic
    입니다.

    감사합니다.



티스토리 툴바