제로보드 XE나 개인 블로그에 GPS 로그를 나타낸 구글맵을 삽입하는 방법 입니다.

물론 아이프레임이 허용되어야만 하죠 ^^

티스토리나 설치형 블로그(테터툴즈같은)에서 아이프레임을 지원 합니다.
- 또는 제로보드4와 같이 직접 설치한 게시판에선 아이프레임을 사용할 수 있겠죠 ^^

어제부로(3월 19일) http://maps.google.com 에서 한국 지도를 서비스하기 시작 했습니다.

지금까지는 한국 지도를 이용하려면 http://maps.google.co.kr 을 이용해야 했지만 

이제는 해외의 GPS 로그 공유 사이트에서도 한국 지도를 제대로 볼 수 있습니다 ^^
- 현재로선 한국에서 접속한 경우에만 한국 지도로 보이는것 같습니다.

제가 가장 마음에 들어하는(외부 링크가 가능해서~ㅋㅋ) http://wikiloc.com 을 이용해 설명 하겠습니다.
- 이곳이 아니더라도 구글맵을 사용하는 로그 공유 사이트라면 다 가능할거라 생각 됩니다.

1. wikiloc.com 에 접속하여 로그를 직접 업로드 합니다.

또는 아래의 링크를 이용하여 테스트를 할 수도 있습니다 ^^


위의 링크는 wikiloc.com 내의 한국 GPS 로그 링크 입니다.

2. 블로그에 삽입하고 싶은 로그를 선택하여 클릭을 하세요 ^^

전 제일 위쪽에 있는 '북악 스카이' 라는 로그를 선택했습니다.


3. 오른쪽 하단에 Display this trail on your web page 메뉴가 있습니다.

그 아래의 창에 iframe 소스가 있습니다.



이 소스를 복사하여 블로그에 html로 삽입을 하면 아래와 같이 나타나게 됩니다.

고도 그래프도 있고 좋죠? ^^


제가 운영하는 GPS On의 퍼가기는 아래와 같이 나옵니다 ^^


제가 운영하고 있는 GPS On(http://gpson.kr)의 퍼가기와 비교 했을때 서로 장단점이 있습니다.

wikiloc의 경우 그래프가 삽입되어 있고 모든 로그 파일을 처리한다는 장점과
GPS On의 경우엔 일정 거리마다 거리 표시용 마커가 있고 지형 모드도 추가되어 있습니다.
하지만 아직 100% 모든 로그 파일을 처리하지 못한다는 단점이 있습니다.
(꾸준히 수정중이지만 가끔 하나씩 에러나는 파일이 있더군요 ㅡㅡ)


제로보드 XE에 추가하는 방법

2009년 3월 21일 내용 추가

제로보드 XE에서는 아이프레임을 해킹 시도로 보고 차단을 하고 있습니다.

아이프레임을 삽입하고 싶은 경우 2가지 방법이 있습니다.

1. config/func.inc.php 수정

513 라인의 removeHackTag() 에서 iframe 을 제거 합니다.

 수정전 $content = preg_replace('/<(\/?)(iframe|script|meta|style)/is', '&lt;$1$2', $content);

 수정후 $content = preg_replace('/<(\/?)(script|meta|style)/is', '&lt;$1$2', $content);

이유가 있어 막아놓은 것일테니 보안상 추천하는 방법은 아닙니다.

2. 댣군님의 아이프레임 추가 컴포넌트를 이용


1번의 방법은 보안상 추천하지 않고 가능하다면 2번의 아이프레임 추가 컴포넌트를 이용하는게 좋을것 같습니다.

src 부분만 뽑아내서 입력해야 하는 불편함이 있지만 이 불편함은 컴포넌트를 직접 수정해서 사용하시면 해결 됩니다 ^^;


Posted by 상오기™

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


댓글을 달아 주세요

  1. Favicon of http://pyoungwon.com BlogIcon 결전평원 2009.07.12 00:20  댓글주소  수정/삭제  댓글쓰기

    감사합니다. 제게는 이 정보가 필요했었습니다.
    은혜가 뼈에 사무칩니다. ^^
    근데 이거 사진이랑 연동이 될까요?

  2. Favicon of http://pyoungwon.com BlogIcon 결전평원 2009.07.12 12:37  댓글주소  수정/삭제  댓글쓰기

    추가적인 질문도 있고 이해가 안가서 염치없게 다시 왔습니다. ^^ 그러니까, GPS 로그파일이 적용된 지도를 아이프레임(이하, 거시기) 형태로 변형(?)된 그것을 마우스로 긁어서 당 페이지에 갖다 붙이기만하면 된다는 애기인데요.. (블로그 적용시) 제 경우 여행사진을 올리려고 하기 때문에 '거시기'에 사진이 연동이 되야하는 겁니다. 상오기님이 링크해 주신 그곳(바이크 로그뿐이던데..)처럼 거시기 안에 사진이 있어서 클릭하면 '짠!'하고 나타나면 "생유베리감사~"인데.. 사진포함된 거시기를 외부링크 가능하게 하는 곳을 도통 못 찾겠습니다. 어디 아시는 곳이 있으시면 살짝 뒤뜸해 주세요^^ *보문산 및 뿌리공원에 라이딩 있으시면 산성동 용수타에 한번 들리시고요..저희 가게입니다. ^^

    • Favicon of https://sangogi.com BlogIcon 상오기™ 2009.07.12 12:55 신고  댓글주소  수정/삭제

      http://www.pholyline.com

      그런 사이트가 있긴한데 퍼가기 기능이 있는지는 모르겠네요 ^^

      블로그에 사진 올린후 그 사진을 GPS 로그와 결합해서 보여주는건 티스토리에선 불가능 합니다.

      티스토리에 올린 사진을 외부에서 읽을 수 있어야 하는데 읽지는 못하기 때문 입니다.

      지도에 표시하는 기능을 외부에서 만들어야 하기 때문에 사진을 읽어 올 수 있어야 하는데 읽지를 못하니 같이 연동할 방법이 없습니다.
      (물론 이렇게 연동하는 기능을 만들어 공개한것도 없는걸로 압니다)

      좋은 하루 보내세요 ^____^