이 자료실은 공식 자료실에 포함될 예정이며 신규 등록되지 않습니다.
자료를 올려주셨던 분들은 공식 자료실에 다시 올려주시면 매우 감사하겠습니다.

드래그형 구글 지도 컴포넌트 ver 0.11 (수정1)

조회 수 44636 추천 수 2 2008.11.24 18:39:18
라이센스 : 기타 
기타 라이센스 : CCL 모두 허용 
적용 버전 : 정식버전(1.0이후) 
프로젝트 URL :  
soo_google_map.zip soo_google_map.tgz
수정1 : 에디터 아이콘 추가
ver0.11 : 주소 검색 여러개일 경우 목록으로 뜨게 수정. 기타 모양 수정 등.
수정5 : 자바스크립트 조금 다듬음
수정4 : 한국어 메세지 모두 언어팩으로 이동(다른 언어 추가시 편리)
수정3 : 구글 지명 검색 기능 추가 (정확한 위치가 안 나오는 것 많음,,)
드래그 해서 위치를 정하고, 드래그 해서 마커 위치를 정하고, 마커에 멘트를 넣을 수 있습니다.
메일로 어떤 분이 구글 지도 컴포넌트를 만들어 달라고 하셔서 올립니다.
사용법은 http://code.google.com/apis/maps/signup.html 에서 API KEY를 발급 받고 에디터 설정창에 입력합니다.
그리고 지도가 처음 위치할 초기 좌표를 설정합니다. 등등 기본 설정을 마치고 에디터를 이용합니다.

soo_google_map.zip파일의 압축을 풀면 soo_google_map폴더가 생성됩니다. 그대로 XE가 설치된 폴더/modules/editor/components 안에 업로드 하세요.
1.0.5이상의 버전에서 xml파일이 정상적입니다.
시험해보고 싶은 분들은 http://www.imsoo.net/guest 에서 실험 해 보시고, 실험했던 글은 지워주시면 되겠습니다.

지도 정보가 잘 나오는 일본 지역을 검색했을때. (한국은 위성 사진이미지 해상도도 좀 낮은 편이네요... 지도 정보는 거의 없고..)
preview.gif

문제가 발생하면 댓글로 자세히 알려주세요.
구글이 한국어 서비스를 시작했으나, http://maps.google.co.kr 에서 보이는 한국 지도와 API상의 지도 내용이 좀 차이가 크네요. 참고하세요.

profile

[레벨:30]백성찬

2008.11.25 00:12:58
*.34.227.136

일본 동경역을 지정했는데 동경 갔다가 서울로 옵니다.
http://www.imsoo.net/?mid=guest&rnd=1048#document_1048
profile

[레벨:15]misol

2008.11.25 13:47:59
*.34.48.143

수정 1
마커가 화면 밖으로 나가면, 화면 가운데 점으로 마커를 이동합니다.

[레벨:6]비밀얌

2008.11.25 00:46:30
*.174.200.94

대단하십니다. 혹시 주소 검색 하는 것도 넣어주실수 있나요?  map.google.com 기능과 같이 미국 주소를 넣으면 그 주소 위치등을 보여주는데 이런 기능이 있으면 좋을것 같네요.  예전에 님께서 만드신 야후 거기지도를 이용해 보았는데 그곳 검색창에 도시, 주 이름등을 넣으면 검색이 되는데 주소를 넣으면 지도가 안뜨는데 혹시 가능한가요?
profile

[레벨:15]misol

2008.11.25 11:16:35
*.34.48.143

야후API는 경쟁사의 제품에 적용하면 안된다고 써있더군요. 그래서 적용을 못했어요.

[레벨:6]비밀얌

2008.11.25 23:22:46
*.174.200.94

와 대단합니다. 주소 검색하는거 넣어달라고 했더니 바로 넣어주셨네요. 아주 잘되네요. 감사합니다.
profile

[레벨:3]하늘편지

2008.11.25 11:17:35
*.109.156.2

좋은자료 감사합니다. ^^

[레벨:3]좀비이

2008.11.25 11:54:19
*.219.246.213


emoticon  감사합니다 ㅋㅋ 넘 좋네요 추천

[레벨:3]좀비이

2008.11.25 12:03:46
*.219.246.213

구글주소검색창하나에 그다음 글작성시 나타내는 구글페이지 직접 사진말고 지도나오는 페이지였으면 하는 생각

글쓰고 나면 지도페이지는 나오는데 .. 저
로선 도저히 여긴 모르겠네요 ㅠㅠ
profile

[레벨:15]misol

2008.11.25 13:54:02
*.34.48.143

구글이 한국 지도가 잘 안나오더라고요... 설정으로 보이게 할 수 있습니다.

[레벨:3]좀비이

2008.11.25 15:00:31
*.219.246.213

Y를 입력했는데 안 나오네요  저만 그런건가요?

profile

[레벨:15]misol

2008.11.25 15:14:38
*.34.48.143

수정 2 수정 했습니다. popup.js에서 중복되는 명령 삭제.

[레벨:3]좀비이

2008.11.25 16:21:25
*.219.246.213

감사합니다 ㅋㅋ

[레벨:6]쏘프티

2008.11.25 16:12:01
*.132.58.112

구글이 아직 한국지도는 데이터를 업을 안 했나보네요 ^^ 처음에 서울특별시 떡하니 그것만 있어서 놀랐다는...

[레벨:3]좀비이

2008.11.25 16:39:25
*.219.246.213

구글맵 주소검색달기 소스 예제
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

  <head>

    <title>Google Maps JavaScript API Example - simple</title>

    <script src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAACO_zOGsvNyiDFOG61ow3xhRZB2YUdDB9YTwZccNrEwMfxR8LYBTanfsHTkLcs6MOoiqydL7TcQBu5A"

        type="text/javascript" charset="utf-8"></script>

  </head>

  <body onload="load()">

    <div id="map" style="width:450px; height:400px"></div>

    <script type="text/javascript">

    //<![CDATA[

    var map = null;

    var geocoder = null;

    // 初期化

    // <body onload="load()"> で呼び出されています

    function load() {

      if (GBrowserIsCompatible()) {

        map = new GMap2(document.getElementById("map"));

        map.setCenter(new GLatLng(35.67431, 139.69082), 13);

        // GClientGeocoderを初期化

        geocoder = new GClientGeocoder();

      }

    }

    // 「移動する」ボタンを押されると実行されます

    function showAddress(address) {

      if (geocoder) {

        geocoder.getLatLng(

          address,

          function(point) {

            if (!point) {

              alert(address + " not found");

            } else {

              map.setCenter(point, 13);

              var marker = new GMarker(point);

              map.addOverlay(marker);

              marker.openInfoWindowHtml(address);

            }

          }

        );

      }

    }

    //]]>

    </script>

    <form action="#" onsubmit="showAddress(this.address.value); return false">

      <P><input type="text" size="40" name="address" value="渋谷区1-1" />

        <input type="submit" value="移動する" />

      </P>

 <div id="map" style="width:500px; height:600px"></div>

    </form>

  </body>

</html>


사용예제:

Html 편집기로 직접 나타내서 등록은 안되나봐요
profile

[레벨:15]misol

2008.11.25 18:03:27
*.34.48.143

기능 추가하겠습니다.

[레벨:3]좀비이

2008.11.25 18:26:13
*.219.246.213

번마다 넘 고마워요 ^^

수고해주세요 ^^
감사히 쓰겠습니다.
profile

[레벨:15]misol

2008.11.25 18:28:27
*.34.48.143

네.. 홈피 클릭해보니.. 한국어가 아니네요?...

[레벨:3]좀비이

2008.11.25 18:31:34
*.219.246.213

네 ㅎㅎ 클릭까지 해보시고 감사합니다. 사실 지금 일본에서 있어요 ㅎㅎ
profile

[레벨:15]misol

2008.11.25 18:32:23
*.34.48.143

아하~! 그런데... 제 컴포넌트는 한국어로만 되어있는데, 괜찮나요?

[레벨:3]좀비이

2008.11.25 18:34:25
*.219.246.213

네 만들어주시는것만으로도 감사한데요 ^^ 언어문제는 제가 추가로 넣어서 쓸려구요
profile

[레벨:15]misol

2008.11.25 18:36:26
*.34.48.143

잠깐만 기다려 보세요... 자바 스크립트 안에... 한국어 좀 바꾸고요..

[레벨:3]좀비이

2008.11.25 18:37:32
*.219.246.213

감사합니다. emoticon
profile

[레벨:15]misol

2008.11.25 18:46:57
*.34.48.143

수정 4 받으셔서 lang폴더 안에 ko.lang.php파일을 같은 폴더 안에 jp.lang.php(새로 만드세요) 으로 번역하시면 되요.(.... 왜 감사합니다?...)

[레벨:3]좀비이

2008.11.25 18:59:15
*.219.246.213

ㅎㅎ 사실 이거 만들어볼려구 반년전부터 끙끙거리다가 못만들었거등요 ^^

[레벨:3]좀비이

2008.11.25 19:03:33
*.219.246.213

잘 돌아갑니다

잘 사용하겠습니다...

[레벨:1]welcomeju

2008.11.26 12:41:45
*.210.107.30

정말 정말 감사합니다. 실은 요청했던 사람이 접니다. ^^

이렇게 빨리 구현해 주셔서 정말 감사합니다.

[레벨:2]참악동

2008.11.26 15:16:23
*.84.26.209

고맙습니다. 일단은 설치 부터 하고.....

[레벨:2]참악동

2008.11.26 15:47:38
*.84.26.209

1.0.6 버젼에서 작동하는 이쁜 아이콘 까지 있었으면 백점 만점에 백점인데.... 
그래도 고맙습니다.

[레벨:1]전대웅805

2008.12.01 00:58:50
*.176.79.24

와 진짜 대단합니다. 지도랑 XE 공부중이었는데 워낙 초보라서 ㅎ
앞으로 꾸준히 추가 업그레이드되었으면 좋겠습니다.
좋은거 보고 갑니다.
profile

[레벨:15]misol

2008.12.07 02:00:47
*.139.49.36

구글 지도 스크립트에서 지원하는 기능들을 에디터에 쓸 수 있게 바꾼것 뿐입니다

[레벨:3]oO나쁜토끼Oo

2008.12.05 11:51:54
*.69.226.192

위성으로 바로 보이지 않고 그냥 지도로만 보이네요. 이거 설정할 수 있는지요???
그리고 저장할때 축소/확대한 것이 다른 사람이 볼때 적용되는지요??
profile

[레벨:15]misol

2008.12.07 01:59:27
*.139.49.36

일반 지도를 사용 안하게 설정할 수 있습니다. 관리자 페이지에서 일반 지도 보이기 설정이 있는데 Y라고만 입력하지 않으면 됩니다
지도 입력시 확대/축소 정도를 적용해 저장합니다(네)

[레벨:1]스티븐슨

2008.12.08 01:19:23
*.255.5.90

짱이에요

[레벨:1]김재섭462

2008.12.16 09:56:11
*.126.103.132

고생하셨습니다. 그런데 마커를 여러개 추가 또는 삭제 할수 있는 기능을 만드실수 있으실련지요?? 혹시 만드실수 있으시다면 부탁드려요..

[레벨:1]썩던콩

2008.12.17 20:04:44
*.135.25.201

감사함니다~~~~~~~~~~~~~~~~~~~~~~~~~
첨부
profile

[레벨:3]bluekai17

2008.12.21 16:11:24
*.126.119.76

1.1.2 에선 안되나요;
관리자 에서 에디터 활성화 버튼눌러도 불이 안들어 오네요;
List of Articles
번호 제목 글쓴이 날짜 조회 수 추천 수

유투브 글쓰기 도구 imagefile [12]

http://misol221.xpressengine.net/?mid=issuetracker&act=dispIssuetrackerDownload&package_srl=18251040 에서 다운받을 수 있습니다. 생긴건 이렇게 생겼습니다. Youtube API를 이용했습니다.

  • [레벨:15]misol
  • 2009-08-24
  • 조회 수 16562
  • 추천 수 3

파란 약도 마법사 플러그인 imagemoviefile [13]

회사약도, 모임장소를 공유하는 지도편집 마법사 파란 약도 [가이드] http://local.paran.com/insidemap/guide_01.html ** 사용 예 ** 1. 회사 약도 만들기. 2. 출사지/맛집 등 블로그에 파란 지도첨부. 3. 예식장 가는 길.. e-청...

네이버랩 포토에디터 XE 컴포넌트 file [41]

네이버랩 포토에디터 서비스에서 제공하는 포토에디터 API를 활용한 이미지 편집용 컴포넌트입니다. 첨부된 압축파일을 해제하신 후 XE의 ./modules/editor/components/ 경로에 설치 후 활성화 하면, 확장 컴포넌트 메뉴에서 "네...

WOW item/char tooltip imagefile [5]

월드오브워크래프트의 아이템 정보와 캐릭터 정보를 툴팁으로 표시해주는 에디터 컴포넌트입니다. 이 에디터 컴포넌트는 pw_wowajax 애드온을 활성화 해야지만 사용할 수 있습니다. 설치방법 1. http://pwnet.kr/main/188 에서 pw_wow....

  • [레벨:8]Pw-NET
  • 2009-05-23
  • 조회 수 25070
  • 추천 수 1

구글 번역 컴포넌트 v0.2 업데이트 imagefile [11]

어제 올린 부분에서 조금 수정하고 기능을 추가했습니다. 수정사항 1. INPUT 폼을 TEXT로 했던 것을 TEXTAREA로 바꿔서 조금 장문의 경우에도 보기 좋도록.. 2. 데이터를 주고 받을 때 태그를 지워버리던 것을 그대로 살...

  • [레벨:3]k2man
  • 2009-04-28
  • 조회 수 35990
  • 추천 수 5

구글 번역 입력 컴포넌트 imagefile [6]

에디터상에서 번역 후 입력할 수 있도록 해주는 컴포넌트입니다. 아래 실행화면에서 보듯이, 번역할 문장을 블럭잡고, 컴포넌트를 클릭하면 됩니다. 그리고 원하는 언어를 선택하면 구글 번역 API를 이용해서 번역문을 생성해 줍...

  • [레벨:3]k2man
  • 2009-04-27
  • 조회 수 31944
  • 추천 수 4

강조 효과(하이라이트) (#2. 2009-03-15) file [3]

※ default 에디터용 제작은 몇년전에 해놓고 지금껏 배포를 안했었나 봅니다.. (기능이 허접해서 그랬을듯;;;;;;) 문장의 글자색, 배경색을 바꿔 강조해줍니다. 아래 예제와 같은 색일 경우 글자색, 배경색 따로 적용하는 것보다 ...

  • [레벨:14]Simulz
  • 2009-03-15
  • 조회 수 34558
  • 추천 수 3

[XE1.2.0이후] 드래그형 구글 지도 에디터 컴포넌트 file [28]

백성찬님 제보로 수정해서 올립니다. 1.2.0 이후엔 이 파일을 사용해주세요 중국어 번체자 (zh-TW) 번역 파일도 수정되었습니다.. 번역 : Royal lin - 감사합니다. -수정 안된걸로 올렸었네요; 다시 올려요 soo_google_map.zip soo...

  • [레벨:15]misol
  • 2009-02-14
  • 조회 수 39204
  • 추천 수 4

1 Pixel Out Audio Player 2.0 beta XE Editor Component MP3 플레이어 imagefile [9]

1 Pixel Out > Audio Player 2.0 beta > XE Editor Component 1 Pixel Out의 Audio Player 2.0 beta의 XE Editor Component 입니다. Nuno님께서 제작하신 1pixelout의 mp3 플레이어 컴포넌트의 업그레이드 버전입...

[1.2.0적용]멀티 플래시 mp3 플레이어 imagefile [29] [2]

pw_mp3.zip 다운로드 Nuno™님의 mp3플레이어 컴포넌트(1pixelout) ver.0.2(http://www.zeroboard.com/17480591) 를 수정하여 여러 파일이 링크가 가능한 새 버전으로 변경하였습니다.

  • [레벨:8]Pw-NET
  • 2009-01-25
  • 조회 수 36112
  • 추천 수 0

드래그형 구글 지도 컴포넌트 ver 0.13 [2009.1.21수정] imagefile [23]

soo_google_map.zip soo_google_map.tgz 2009.1.21 수정 : chinnp 님의 중국어(zh-CN)번역 일부 추가.(zh-CN.php 파일. info.xml파일은 royallin님의 번체자를 옮김.(지도 란 한자만 알아서. 그것만 바꿔둠...) (chinnp(=좀비이) 님 감...

  • [레벨:15]misol
  • 2009-01-05
  • 조회 수 43349
  • 추천 수 2

드래그형 구글 지도 컴포넌트 ver 0.12 [2009.1.11 수정] imagefile [5]

soo_google_map.zip soo_google_map.tgz 2009.1.11 수정 : 이미지 리사이즈 애드온과 충돌 안하게 수정 수정내용 : 댣군님의 댓글을 보고, 한국 지도 잘 나오게 수정, 기본 지도 안나오는 설정 삭제(있을 이유 없음;;(필요한가요?)), ...

  • [레벨:15]misol
  • 2008-12-23
  • 조회 수 45027
  • 추천 수 0

이미지에디터(ImageEditor) v0.6.1 file [13]

이미지에디터는 더이상 업데이트하지 않습니다. 차후 XE 업데이트에서 동작하지 않을 우려도 있고 기능이 업데이트되지 않아 차차 낙후될수 있습니다. 대용으로 네이버랩 포토에디터나 그외 API가 있는 웹기반 그래픽툴을 찾아서 ...

  • [레벨:5]댣군
  • 2008-12-09
  • 조회 수 46317
  • 추천 수 6

드래그형 구글 지도 컴포넌트 ver 0.11 (수정1) imagefile [36]

soo_google_map.zip soo_google_map.tgz 수정1 : 에디터 아이콘 추가 ver0.11 : 주소 검색 여러개일 경우 목록으로 뜨게 수정. 기타 모양 수정 등. 수정5 : 자바스크립트 조금 다듬음 수정4 : 한국어 메세지 모두 언어팩으로 이...

  • [레벨:15]misol
  • 2008-11-24
  • 조회 수 44636
  • 추천 수 2

mp3플레이어 컴포넌트(1pixelout) ver.0.2 imagefile [12]

ver 0.2 XE 1.1.0 버젼업으로 인해 기존 컴포넌트가 작동하지 않는 문제 수정 에디터 변경에따른 아이콘 추가 ver 0.1 초기 배포버젼 mp3파일의 저작권문제에 관해서는 본인은 책임을 지지 않습니다. 가급적 저작권에서 자유로...

  • [레벨:1]Nuno™
  • 2008-11-23
  • 조회 수 48410
  • 추천 수 2

엠앤캐스트(mncast) 동영상 업로드 컴포넌트 imagefile [20]

XE에 엠앤캐스트 동영상 업로드를 연동해 보았습니다. 엠앤캐스트에서 API를 따로 제공해주지 않고 제휴메일을 보내 신청해야 합니다. 2-3일 걸리는거 같습니다. API제공은 앞으로도 계획이 없다네요 엠앤캐스트서버로 동영상을 올...

  • [레벨:1]JH.Kim
  • 2008-11-17
  • 조회 수 38470
  • 추천 수 0

파란 지도편집마법사(인사이드맵) imagemoviefile [32]

회사약도, 모임장소를 공유하는 지도편집 마법사 파란 인사이드맵 [가이드] http://local.paran.com/insidemap/guide_01.html ** 사용 예 ** 1. 회사 약도 만들기. 2. 출사지/맛집 등 블로그에 파란 지도첨부. 3. 예식장 가는 길.. ...

  • [레벨:1]ej0725
  • 2008-11-17
  • 조회 수 38197
  • 추천 수 2

Lavalic Lite 음악 재생기 v0.2 imagemoviefile [35]

Lavalic Lite 음악 재생기 v0.2플레이어 하단부의 배너 부분 변경으로 인하여 전체적인 크기가 변경되었습니다. 기존 사용자분들 중, v0.1에서 작성해놓은 iPodNano스킨이 0.2에서 깨지게 나올 경우, 해당 플레이어가 있는 글을...

  • [레벨:4]VHAIN
  • 2008-10-21
  • 조회 수 41932
  • 추천 수 6

Lavalic Lite 음악 재생기 v0.1 imagemoviefile [55]

Lavalic Lite 음악 재생기 v0.1새로운 버전이 나왔습니다! (v0.2) ** 더 많은 스킨은 여기(http://vhain.springnote.com/pages/1871284) 에서 보실 수 있습니다. ** Lavalic Lite는 자신이 업로드한 음악, 또는 외부에 있는 음악을...

  • [레벨:4]VHAIN
  • 2008-10-03
  • 조회 수 48058
  • 추천 수 7

洙 네이버 상품정보 입력 - 새 에디터에 맞게 아이콘 수정 imagefile [3]

1.0.5버전 이상에서 사용해주세요 네이버 오픈 API 를 이용했습니다. API KEY가 필요합니다. soo_naver_shop.zip soo_naver_shop.tgz 수정 : 페이지 표시기능 중 현재 페이지 위치 표시 수정 수정 : 새 에디터에서 아이콘 나...

  • [레벨:15]misol
  • 2008-09-08
  • 조회 수 47787
  • 추천 수 0


XE Login

OpenID Login