웹마스터 팁
제로보드 XE나 개인 블로그에 GPS 로그(궤적)를 나타낸 구글맵 삽입하기
2009.03.21 10:39
원본 글 : http://sangogi.com/2656547
제로보드 XE나 개인 블로그에 GPS 로그를 나타낸 구글맵을 삽입하는 방법 입니다.
물론 아이프레임이 허용되어야만 하죠 ^^
티스토리나 설치형 블로그(테터툴즈같은)에서 아이프레임을 지원 합니다.
- 또는 제로보드4와 같이 직접 설치한 게시판에선 아이프레임을 사용할 수 있겠죠 ^^
- 관련글 : http://heomin61.tistory.com/863
지금까지는 한국 지도를 이용하려면 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로 삽입을 하면 아래와 같이 나타나게 됩니다.
고도 그래프도 있고 좋죠? ^^
제로보드 XE에 추가하는 방법
2009년 3월 21일 내용 추가
2009년 3월 21일 내용 추가
제로보드 XE에서는 아이프레임을 해킹 시도로 보고 차단을 하고 있습니다.
아이프레임을 삽입하고 싶은 경우 2가지 방법이 있습니다.
1. config/func.inc.php 수정
513 라인의 removeHackTag() 에서 iframe 을 제거 합니다.
| 수정전 $content = preg_replace('/<(\/?)(iframe|script|meta|style)/is', '<$1$2', $content); 수정후 $content = preg_replace('/<(\/?)(script|meta|style)/is', '<$1$2', $content); |
이유가 있어 막아놓은 것일테니 보안상 추천하는 방법은 아닙니다.
2. 댣군님의 아이프레임 추가 컴포넌트를 이용
1번의 방법은 보안상 추천하지 않고 가능하다면 2번의 아이프레임 추가 컴포넌트를 이용하는게 좋을것 같습니다.
src 부분만 뽑아내서 입력해야 하는 불편함이 있지만 이 불편함은 컴포넌트를 직접 수정해서 사용하시면 해결 됩니다 ^^;
- 컴포넌트를 배포하신 댣군님이 활동중이신데 제가 수정하는건 예의가 아니기 때문 입니다 ^^
p.s 제가 운영하고 있는 GPS On(http://gpson.kr)의 퍼가기와 비교 했을때 서로 장단점이 있습니다.
wikiloc의 경우 그래프가 삽입되어 있고 모든 로그 파일을 처리한다는 장점과
GPS On의 경우엔 일정 거리마다 거리 표시용 마커가 있고 지형 모드도 추가되어 있습니다.
하지만 아직 100% 모든 로그 파일을 처리하지 못한다는 단점이 있습니다.
(꾸준히 수정중이지만 가끔 하나씩 에러나는 파일이 있더군요 ㅡㅡ)
태그 연관 글
- [2019/03/18] 포럼 XE 레이아웃 제작 일주일 코스
- [2019/01/18] 묻고답하기 모바일에서 서 레이아웃 비정상 문의드려요
- [2018/12/31] 묻고답하기 슬라이드 위젯 삽입 후 메뉴가 안보이네요 고수님들 부탁드립니다 *6
- [2018/11/21] Blog [XE3] XE Store 사업설명회 행사 안내 - 2018년 12월 5일 *2
- [2018/03/28] 묻고답하기 $oMail->setSender Sender 이메일 발신자가 공백으로 나옵니다. *3
[블로그] 상오기 : 자전거여행~! (http://sangogi.com)
[GPS 로그 공유] GPS On (http://gpson.kr)
