웹마스터 팁

원본 글 : http://sangogi.com/2656547


제로보드 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로 삽입을 하면 아래와 같이 나타나게 됩니다.

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

<iframe frameborder="0" src="http://www.wikiloc.com/wikiloc/spatialArtifacts.do?event=view&id=326616&measures=off&title=off&near=off&images=off&maptype=S" width="500px" height="400px"></iframe>



제로보드 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 부분만 뽑아내서 입력해야 하는 불편함이 있지만 이 불편함은 컴포넌트를 직접 수정해서 사용하시면 해결 됩니다 ^^;
- 컴포넌트를 배포하신 댣군님이 활동중이신데 제가 수정하는건 예의가 아니기 때문 입니다 ^^

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

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

제목 글쓴이 날짜
zbxe에서 piclens 사용하기 [2] 우정진 2008.08.15
미국 yahoo zbxe 설치 및 mysql 연결 [4] mr007 2008.08.15
제로보드XE 중복설치방법 있나요? [4] bsy.myid.net 2008.09.24
제로보드XE에 온클럽(onclub) 달기 (UTF-8 문제) 맛있는고기 2008.10.07
제로보드XE가입 -> 트랙자동가입 기능 개돌 2008.10.14
카페24 계정 사용 중에 제로보드XE 로그인 오류가 날 때 [1] vltm 2008.10.24
제로보드XE XML파일 표준화 [2] BlueGATE 2008.11.13
XE 업그레이드후 모듈 업데이트 안되고, 모듈 생성시 이미 존재하는 모듈이라고 나올때 또나아빠 2009.01.05
XE 초기설치시 error 500 이 나오며 설치가 안될때 [1] sangjaezzi 2009.01.09
제로보드XE 쉽게 업데이트 하는 방법.. [13] 청개구리00 2009.01.12
pdf 파일 embeded in XE 게시판 [4] file 자반튀김 2009.01.27
XE1.1.5로 업후 기존변형위젯들이 문제를 일으킬때 수정방법 [1] 팔공산 2009.01.28
윈도우 서버에서 XE 업데이트 어려움... [2] 윤임수 2009.02.06
완벽하게 XE폴더를 url에서 접속하기 [2] 팬텀MW 2009.02.10
svn 업으로 xe 최신본 유지하기 [2] file e~세상쉼터 2009.03.08
제로보드 XE나 개인 블로그에 GPS 로그(궤적)를 나타낸 구글맵 삽입하기 상오기 2009.03.21
xe 설치시 다음과 같은 오류가 생깁니다. Seung Hur 2009.04.02
zbXE 1.0.6 일본어 팩 입니다~ [8] file 쿠로쿠마 2008.10.15
Mysql 4.0 버전에서 xe 설치해서 사용하기 [3] amamamam.myid.net 2007.08.13
zbxe 일주일 사용기 및 팁 [1] 팔공산 2007.08.21