l u n a m o t h  4 t h   |  COVER  |  TAG CLOUD  |  GUEST  |  RSS 


| NGMap 지도 플러그인 사용법  [블로그 이야기]



[TT 1.0] NGMap 블로그에 지도를 붙이세요.
NGMap by airlover, 아름다운 청년, 김유승

  1. Google Maps APIAPI key 를 등록합니다.
  2. 네이버 Open API 의 지도 API 이용 등록을 합니다.
  3. 플러그인에 있는 config.php 파일을 열어서 구글과 네이버의 API Key 를 수정합니다. 만약 블로그 설치경로가 하위 폴더인 경우 path 부분을 수정합니다.
  4. 플러그인 업로드 활성화 후 편집창에서 지도 추가로 NGMap 입력창을 띄운후 지도를 아이콘/IFRAME/지도링크 방식으로 삽입하면 됩니다.

IFRAME 방식으로 삽입을 할 경우 편집창에서 IFRAME 태그를 자동으로 제거하는 문제 때문에 입력이 안됩니다. 이 경우 태터툴즈 소스를 수정해서 IFRAME 자동 제거를 방지해야 합니다.

blog/owner/entry/add/index.php
blog/owner/entry/draft/item.php
blog/owner/entry/update/item.php
48번째줄 $str=preg_replace('/<\/?iframe.*?>/si','',$str); 부분 삭제 
2006/08/10 16:23 2006/08/10 16:23



tags: , , , , ,

Posted by lunamoth on 2006/08/10 16:23
(36) comments


    NGMap 플러그인.. 나도 설치했다.. 신기하네 x
    【 Tracked from irisi's blog.. with Happiness.. at 2006/08/11 14:32 】
    조금 전에 테터 홈피에 있는 NGMap 플러그인.. 설치를 했다. 설치 중, 조금 혼돈을 했으나 lunamoth님의 설명을 한 치 의심의 여지 없이 그대로 따라 하니 설치가 잘 되었다. 우선 그 기념(?)으로 내가 살고 있는 경남 마산에다가 초점을 두고 불려 들여 봤다.. 흠.. 우짜든동 신기하다.

    태터툴즈에 지도를 달아보자~! x
    【 Tracked from mIRu's Blog at 2006/08/18 03:08 】
    간혹 지인들에게 위치를 설명해줄 때 정확하게 설명해줄 수 없을지 고민한적 없으십니까? 역시 태터툴즈는 기대를 저버리지 않더군요. 태터툴즈 플러그인 중에서 지도를 페이지에 삽일할 수 있는 플러그인이 있습니다. 바로 NGMap이라는 플러그인입니다. 블로그에 네이버맵과 구글맵을 동시에 삽입할 수 있습니다. 제작자 페이지 NGMap 플러그인 다운로드 플러그인 사용방법은 lunamoth님의 블로그 에 잘 설명되어있습니다. 스크랩차 제 블로그에도 나름대로 내용..

    티스토리에서 NGMap 사용하기 x
    【 Tracked from Square Ignition ! at 2006/10/04 11:08 】
    티스토리는 태터툴즈와 다르게 유저 마음대로 플러그인을 설치하지 못하기 때문에 IFRAME을 이용해 NGMap을 이용하는 방법밖에 없습니다. 하지만 IFRAME 방식으로 삽입할 경우 편집창에서 IFRAME을 자동으로 제거해 버립니다. 보통 이 문제를 해결할때는 태터툴즈 소스를 수정해서 IFRAME 자동 제거를 방지하는 방법을 사용하지만, 티스토리는 태터툴즈 소스 수정이 불가능합니다. 이리저리 해보다가 찾아낸 IFRAME 무시 방법을 소개합니다ㅡ! <i..

    티스토리에서 지도 (NG Map) 사용하기 x
    【 Tracked from 뮤지컬, 여행, IT, 그리고... at 2006/10/07 22:39 】
    어찌어찌해서 블로그에 지도(Naver & Google)를 등록한 사이트를 봤다. 몇몇 분의 사이트를 방문했고, 시행착오를 거쳐서 겨우 성공했다. 티스토리에서 플러그인 등록이 안되서... ㅜㅜ (기념으로 광화문과 독도를 블로그에 표시해 봤다) 순서를 보면 아래와 같다. [설명] 1. 아래 사이트에 접속한다 - 아름다운 청년, 김유승 (http://9eye.net/tt/entry/NGMap-06) 2. 지도를 좌우로 이동해 (필요시 지도 크기 조정) 원..


    먼저 감사하다는 말씀드립다. ^^;
    API가 생소해서 말입니다.
    API 키를 등록받을때 주소를 태터가 설치된 폴더까지 넣어야 하는지요 네이버나 구글에서도 http://domain.com/tt/ 이렇게 해야 하는지 마지막에 / 를 빼도 되는지 궁금합니다.

    그리고 잼있는 사실은 일반 계정의 태터와 티스토리의 태터가 반응이 다르다는 점입니다. 일반계정의 태터같은 경우엔 iframe아 아예 먹히지 않습니다.

    그런데 티스토리 같은 경우엔 html모드로 입력후 바로 저장하면 iframe이 적용됩니다. 그런데 한번 수정할라치면 코드가 지워지더라구요.

    Namsoo 2006/08/10 16:35 r x
      API 키 등록 부분은 저도 확인을 안해봐서 잘 모릅니다만 개발자분이 댓글 남겨주신 글 보니...

      "그리고 key 등록은 plugin 디렉토리를 기준으로 등록해주시면 됩니다. 예를 들자면 URL입력하는 곳에 http://9eye.net/tt/plugins/NGMapLink/ 을 입력하시면 됩니다." 라고 하시는군요.

      아이프레임 관련해서는 태터앤프렌즈 포럼에 남겨주신 글 봤습니다. 자바스크립트나 아이프레임 제거와 관련된 코드가 상이한듯 싶습니다.

               lunamoth 2006/08/11 00:40 x
    iframe 대신에 object를 사용하면 어떻게 되나요?
    <object type="text/html" data="http://..."></object>

    세네세네 2006/08/10 17:53 r x
      아무것도 안나오는군요.

               lunamoth 2006/08/11 00:42 x
      허걱.. 그렇군요. 괜히 쪼그라 듭니다. ㅜㅠ

               세네세네 2006/08/14 09:59 x
      아 별말씀을요^^;

               lunamoth 2006/08/15 01:26 x
    오 좋은 플러그인이네요. 철도 이야기 소개하면서 지도넣을 일이 좀 있었는데 이걸 활용하면 좋겠군요.
    (이건 딴소리지만 구글 항공사진이 좀 옛날거군요. 이미 3년전에 재건축 때문에 철거한 강남역 뒤 삼익아파트가 아직도 그대로;;;;;)

    Reidin 2006/08/10 18:16 r x
      예 여러모로 활용방안은 무궁무진 할 것 같습니다. 위치로그 로컬태그 와의 연계나, 간단한 오시는 길 소개 등등...

      그렇더군요. 아직 서울 쪽도 상세한 화면이 나오지 않는 부분도 많고요.

      예전부터 애용해왔던 콩나물 쪽도 플러그인이 나왔으면 하네요...

               lunamoth 2006/08/11 00:44 x
    API키는 도메인으로 받으시는 겁니다.
    http://domain.com 까지만 받으시면 되는되용.

    JayMac 2006/08/10 18:43 r x
      예 구글은 그렇게 하면 되더군요.

               lunamoth 2006/08/11 00:44 x
    플러그인 설명법을 자세하게 적어주셔서 감사합니다.
    제가 게을러서 그런걸 잘 못했었는데;;

    airlover 2006/08/10 22:20 r x
      예 별말씀을요. 강력한 플러그인 만들어주셔서 감사드립니다 :)

               lunamoth 2006/08/11 00:45 x
    위의 3개의 파일을 수정하고 나서 글을 쓰고 저장하면
    저장할수 없습니다. 라는 메세지가 나옵니다.

    저장은 됩니다만,
    저런 메세지가 나오네요.

    Namsoo 2006/08/10 22:50 r x
      현재 제 경우에는 문제를 발견하지 못했습니다. 별다른 문제는 없으리라고 생각합니다만, 지속적으로 관찰해 보겠습니다.

               lunamoth 2006/08/11 00:45 x
      동일한 문제가 발생했습니다.
      저장할수 없습니다 라는 메세지가 떠서 원래의 파일로 복구하니 정상으로 돌아 왔습니다.

      그리고 오늘 다시 파일을 수정했습니다. 또 그러한 메세지가 나옵니다.

      이번엔 다시 복구해도 정상으로 돌아오지 않습니다.

      플러그인을 모두 해제하고 해봐도 마찬가지 입니다.

      아마도 팀블로깅 패치해서 사용하고 있는데 그 것때문인지도 모르겠습니다.

               Namsoo 2006/08/11 06:49 x
      저는 팀블로깅 패치를 사용하고 있지 않아서 그 부분은 잘 모르겠습니다. 일단 저는 아무 이상 없이 사용하고 있습니다. 제가 쓰고 있는 파일입니다. http://lunamoth.googlepages.com/map.zip

               lunamoth 2006/08/12 19:52 x
    허~! .3번까지는 그럭저럭 했는데...4번은 무슨 소린지 알 수가 없으니 말입니다. 아무래도 여러사람 경험담이 올라올때까지 기다려야 할듯....그나저나 플러그인이 좋은게 너무 많이 나오니 이것도 걱정이네요...-.-;;

    농우 2006/08/10 23:40 r x

               lunamoth 2006/08/11 00:48 x
      고맙습니다. 일단 덮어씌우고...작업은 끝난것 같습니다. 이제 적용만 해보면 되겠군요...^^

               농우 2006/08/11 01:06 x
      예 원본 파일에서 저 부분만 수정된 것이니 문제 생기시면 저 파일들만 다시 복원하시면 됩니다. 아마 잘 되리라 생각합니다.

               lunamoth 2006/08/11 01:19 x
    아이콘/IFRAME/지도링크

    이 의미가 뭔가요?? 테터 첨 쓰는거라 잘 모르겠네요. 답답만 하네요

    박재혁 2006/08/12 10:07 r x
      플러그인 설치후 편집창에서 지도 추가 버튼을 누르면 http://img142.imageshack.us/img142/337/mapyg0.png 이러한 팝업창이 뜹니다. 여기서 빨간색으로 표시한 부분입니다. 삽입 방법을 의미 합니다. 아이콘으로 할 것인가 아이프레임으로 지도를 보여줄 것인가 텍스트 링크를 할 것인가 이렇게 3가지 방법이 있습니다.

               lunamoth 2006/08/12 19:59 x
    호걱 NGMap 플러그인 관련글로 트랙백 보낸다는 것이 다른 글을 트랙백 보냈네요. 위에 제 트래백 한 개 지우세요 ^^;

    mIRu 2006/08/18 03:07 r x
      예 지웠습니다. 트랙백 감사드립니다 :)

               lunamoth 2006/08/18 09:08 x
    1.1 의 경우에는 iframe 삭제 구문이 다른 곳에 위치하는 것 같네요^^
    lib/function/javascript.php 파일의 28번째 줄이군요.

    마모루 2006/08/24 00:05 r x
      예 그렇군요. 참고하겠습니다.

      감사합니다 ;)

               lunamoth 2006/08/24 00:32 x
    몇번 해보다 잘안되서, 질문드립니다.

    * 상황
    - 아래 파일 다운로드 (http://lunamoth.googlepages.com/map.zip)
    - 태터툴드에서 다운로드 (http://www.tattertools.com/ko/bbs/view.php?id=plugin&no=254): Config.php의 Google/네이버 등록 코드 수정완료

    (1) 두개의 압축 파일이 모두다 필요한 것인지요?
    (2) map.zip 파일의 3개의 php 파일은 수정없이 사용가능한지요?
    - 48번째줄 $str=preg_replace('/<\/?iframe.*?>/si','',$str); 부분 삭제로 설명
    - 실제 파일: $str=preg_replace('/<script.*?<\/script>/si','',$str);
    - iframe는 없는듯 해 보임.\
    (3) 티스토리에서 이 플러그인은 어떻게 등록하는지요?
    - '스킨관리>선택한 스킨을 편집합니다'의 '파일올리기'에서 업로드시 에러발생

    번거로우시더라도 답변 부탁드립니다.
    감사합니다.

    juyong88 2006/10/06 23:05 r x
      1. 예 맞습니다. 제가 쓰고 있는 파일은 아이프레임 삽입이 가능하게 소스를 수정한 파일이고 플러그인 자체도 필요하니까요. 아이프레임 지도 삽입을 쓰실려면 수정이 필요합니다.

      2. 예 map.zip 은 설명에 나온 부분을 미리 삭제한 파일입니다.

      3. 티스토리에서는 소스를 건드릴수 없는 관계로 플러그인을 직접 사용하실 수는 없습니다. 스킨 업로드에서 올린다고 해도 소스/플러그인 업로드가 아닌 스킨 쪽으로 업로드 되는 것이라 적용이 되지 않습니다. 스퀘어님께서 알려주신 티스토리에서 NGMap 사용하기 을 활용해보시는 방법이 있습니다.

               lunamoth 2006/10/07 12:38 x
      답변 감사합니다.

      '스퀘어님' 블로그에서 다시 문의해야겠네요.

      좋은 하루되세요 ^^

               juyong88 2006/10/07 18:40 x
      예 별말씀을요. 즐거운 주말 연휴 되세요 ;)

               lunamoth 2006/10/07 18:42 x
    http://gido4u.net/blog/plugins/NGMapLink/NGMap.php
    저는 위와 같이 뜨네요....지도가 나오질 않습니다.
    아무런 이상이 없는데........어떻게 해야 하죠?

    권정기 2006/10/09 16:21 r x
      네이버 지도만 뜨지 않는 것을 볼때 네이버 API 키 입력 부분에서 문제가 있는 것 같습니다. 블로그 주소를 확인해보시기 바랍니다.

               lunamoth 2006/10/10 01:37 x
    http://www.tattertools.com/ko/bbs/view.php?id=plugin&page=1&sn1=&divpage=1&sn=off&ss=on&sc=on&keyword=%EC%A7%80%EB%8F%84&select_arrange=headnum&desc=asc&no=254

    여기에 가보시면 리플다신 분 중에
    돌푸짱, sara님이랑 같은 현상이 발생합니다.
    좀 봐 주실래요 왜 그런지요?

    권정기 2006/10/09 16:46 r x
      네이버 API 키 발급된 블로그 주소 경로를 한번 확인해보셔야 할 것 같습니다.

               lunamoth 2006/10/10 01:39 x
    네이버 API 키 발급된 블로그 주소란게 무엇이죠?
    구글같은 경우에 링크할 웹사이트를 적으라는 곳이 있었지만
    네이버는 그냥 키만 발급해 주던데요.
    사용할 블로그 주소를 적으라는 말 없던데요?
    좀 자세히 설명해 주시겠습니까?

    권정기 2006/10/10 06:25 r x
      다시 키 발급 부분으로 들어가셔서 확인해보시면, 키 추가 버튼 앞에 주소를 적는 란이 있습니다. 이곳에 블로그 주소를 입력하면 될 것 같습니다. 그 외 자세한 사항은 네이버 오픈 API 측에 문의하시는 것이 확실할 듯 싶습니다.

               lunamoth 2006/10/10 09:19 x
      COMMENT
        



lunamoth
Textcube

Profile
Contact



Suede
brett anderson

lunamoth on Twitter
Miranda NG

Follow @lunamoth
http://feeds.feedburner.com/Lunamoth
follow us in feedly