웹마스터 팁

원본 글 : 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% 모든 로그 파일을 처리하지 못한다는 단점이 있습니다.
(꾸준히 수정중이지만 가끔 하나씩 에러나는 파일이 있더군요 ㅡㅡ)

제목 글쓴이 날짜
1.2.0 설치 후 페이지모듈에 위젯사용시 문제 [2] Digitalife 2009.03.17
브라우저 크기에 따라 본문 가로 크기 자동 조절 [1] 개돌 2009.03.18
미국 야후 호스팅 쓰시는 분들 보세요(이미지 퍼미션) 텍사수 2009.03.21
제로보드 XE나 개인 블로그에 GPS 로그(궤적)를 나타낸 구글맵 삽입하기 상오기 2009.03.21
1.2.0 업뎃후 위젯 문제 [1] ♡不明♡ 2009.03.22
각종 좌절 금지 그림들 [2] file winter548 2009.03.23
xe 설치시 다음과 같은 오류가 생깁니다. Seung Hur 2009.04.02
위지윅 테이블 컴포넌트 (테이블 수정 기능) [3] file 개돌 2009.04.02
게시판형태를 달력게시판으로 못하나요? [1] file 오늘하루는느느느 2009.04.09
해당 Cafe 회원에 가입후 Cafe 회원목록에 나타나지 않음...... 뉴욕에서 2009.04.16
XpressEngine 1.2.1 r6096 트리거 목록 [2] [1] mooo 2009.04.13
각 메뉴 옆에 게시물 갯수 표시하기 [6] coolsushi 2007.08.19
미지원 언어 추가하기(기존에꺼 하나 골라서 수정하는 방식으로) 만쓰별(정만) 2009.01.23
4차 서브메뉴 사용하기!! [4] [1] file 럭키587 2007.08.17
zbXE 1.0.6 일본어 팩 입니다~ [8] file 쿠로쿠마 2008.10.15
플래시 BGM 음악 제로보드에 넣는 방법 file 푸른커튼 2008.10.29
Mysql 4.0 버전에서 xe 설치해서 사용하기 [3] amamamam.myid.net 2007.08.13
다음카페에 끊김없이 음악나오게 하기 푸른커튼 2008.09.06
음악넣는 BGM코드 70종류 입니다 [1] 푸른커튼 2008.08.25
위지웍 에디터 웹폰트 사용하기 [6] 최지연 2007.08.17