지도검색 네이버지도
예) 삼성동 24-1, 온나라지도와 연계
Member Infor

전체 방문 : 1,407,339
ㆍ 오늘 : 18 / 어제 : 35
전체 본문글 : 2,738
ㆍ 답변글 : 825
ㆍ 댓글/쪽글 : 61
ㆍ 오늘 본문글 : 0
전체 용량 : 2,000 MB
ㆍ 사용량 : 1,190 MB
ㆍ 남은량 : 810 MB
ㆍ DB : 114,021,424 Byte
 realty
지도와 부동산
지도를 활용한 게시판..... 아직은 보완을 위해 수정 중입니다.
작성자 저녁노을
작성일 2008-06-25 (수) 02:49
홈페이지 http://law21.net
ㆍ추천: 0  ㆍ조회: 3224      
IP: 124.xxx.19
TextCube에 GoogleMap설치하기

My Map Cover 플러그인

작업/홈페이지 | 2007/09/04 14:42 | 이원구
처음으로 Textcube 플러그인을 만들어 보았습니다. 예전에 스킨과 지리정보를 수동으로 만들던 여행지도 페이지를 플러그인 형식으로 만든 것입니다.

플러그인 형식으로 만들 수 있었던 것은 1) Textcube에서 Cover라는 이름으로 페이지 기능을 지원하기 시작했고 2) Google Maps에서 My Maps를 만들어 이 정보를 KML 파일로 export해주는 기능이 생겼기 때문입니다.

이 두 기능을 조합해서 플러그인을 만들어 보았는데 설치하는 방법이 그렇게 쉽진 않습니다. 어떤 기능인지 먼저 제 Cover Page를 보세요.

이제 설치하는 방법을 단계별로 알아보겠습니다.
  1. Google Maps 페이지로 이동합니다.

  2. "My Maps" 탭을 누릅니다.


  3. "Create new map" 링크를 누릅니다.


  4. 원하는대로 지도에 이것 저것 표시를 만듭니다.

  5. 지도의 오른쪽 위에 있는 링크들 중 "KML" 링크와 "Link to this page" 링크의 주소를 노트패드와 같은 편집기를 열어 저장해 둡니다. (IE의 경우, "마우스 오른쪽 버튼" -> "바로 가기 복사"한 후 노트패드에 붙여넣기합니다.)


  6. Sign Up for the Google Maps API에서 API Key를 받습니다. 이때 "My web site URL"에 자신의 Textcube가 설치된 디렉토리까지 포함한 URL을 입력합니다. API Key는 여기에 입력한 디렉토리에서만 동작하므로 반드시 정확한 자신의 URL을 입력합니다. 예를 들어 제가 입력한 URL은 "http://www.memorycarrier.com/tt/"입니다.

  7. My Map Cover 플러그인을 설치하고 사용중으로 설정합니다.


  8. 환경 설정 창에서 "API Key"에 이전 단계에서 받은 API Key를 입력합니다. 그리고 "KML Url"에는 위 단계에서 저장해 둔 KML 링크의 주소를 입력합니다.


  9. 표지 설정 페이지에서 My Map Cover 플러그인을 끌어다 "표지"쪽에 놓은 후 편집을 누릅니다.

  10. "Title"와 "Width", "Height"에 원하는 값을 넣고 "My Maps Link"에 위에서 저장한 "Link to this page" 링크의 주소를 입력합니다. 이때 "Title"은 자신이 사용중인 skin을 참고하여 마크업을 합니다. 저는 "<h2>여행 지도</h2>"를 사용했습니다.


  11. 저장하고 나와 지도 화면이 정상적으로 동작하는지 Cover Page를 확인합니다.

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

출처 : http://www.memorycarrier.com/tt/216

  0
3500
    N         제목    글쓴이 작성일 조회
12 Google Maps with Street View 저녁노을 2009-02-01 2900
11 Yahoo의 모바일 전송과 지도 연계서비스 저녁노을 2008-07-05 3969
10 국내 정보화사이트 저녁노을 2008-07-02 3267
9 법제처의 Open Api와 RSS 저녁노을 2008-07-01 3060
8 PHP Trackback 저녁노을 2008-06-29 8848
7 RSS 포맷과 구독기 만들기 저녁노을 2008-06-28 3202
6 TextCube에 GoogleMap설치하기 저녁노을 2008-06-25 3224
5 Pivot 저녁노을 2008-06-25 3591
4 Pixelpost 저녁노을 2008-06-25 3084
3 [강좌] 약도 예제(네이버 OPEN API 공식카페) 저녁노을 2008-06-23 5648
2 정보창 테스트~~~~~~~ 저녁노을 2008-03-02 5121
1 게시판에 지도를 연계시키기 위한 실험 저녁노을 2008-02-09 7499
1
Copyright ⓒ 1996-2010 曺衡根法務士 All rights Reserved. 법무사.com/law21.com/법률.com/Court.info 운영자에게 메일 보내기
이 홈페이지는 utf-8로 제작, Internet Explorer 6.0 이상, 1024x768 size에서 가장 잘 보입니다.
남양주시 화도읍 창현리 488-1, 화도파출소앞 ☏ 595-2300
  Roadview(daum) 새주소 지도
Google Translator