XE 공식 자료실

에디터컴포넌트 지도 ver. 1.1

제작자
XEPublic
등록일
2014-08-15
다운로드 수
1,397
링크1
xe-public/map_components
링크2
xe-public/map_components

네이버, 다음, 구글 등 다양한 지도를 활용할 수 있습니다.
xe-public 프로젝트에서 진행하고 있습니다. 원하시는 분은 언제든지 기여하실 수 있습니다.

라이선스
GPL v3
설치경로
./modules/editor/components/map_components
최초 등록일
2014-08-11
전체 다운로드
10,823
체험하기

쉬운설치로 바로 체험할 수 있습니다

상세 설명

지도 버전 1.1

설치 방법

  1. 지도 에디터 컴포넌트 파일을 복사 합니다.(쉬운설치의 경우 쉬운 설치를 완료합니다.)
  2. 관리자 페이지 왼쪽 메뉴 하단에 아래쪽 화살표를 클릭하고, 고급 > 에디터( /index.php?module=admin&act=dispEditorAdminIndex )에 접속합니다.
  3. 맨 하단 '에디터 컴포넌트' 중 '지도' 가 생성된 것을 확인하고 오른쪽 '사용' 체크박스에 체크합니다.
  4. 네이버나 다음 지도를 사용하시려면, '지도' 항목의 제목인 [지도] 글자를 클릭합니다.
  5. 지도 API Key 항목에 사용하고 싶은 지도의 API 키 ― 네이버 또는 다음 지도 API 키 ― 를 입력합니다.
  6. 에디터에서 지도 컴포넌트가 잘 열리는지 확인합니다.

사용 방법

  1. 에디터의 확장 컴포넌트에 나타난 지도 컴포넌트를 클릭하면 새 창에 지도 컴포넌트가 나타납니다.
  2. 상단에 [지도]라는 제목을 한번 클릭해봅니다.
  3. 나타난 안내 화면을 읽습니다.
  4. 안내 화면의 문구대로 따라합니다. 오른쪽 지도를 클릭 해보고, 나타난 마커를 한번 클릭해봅니다.
  5. 왼쪽 검색 창도 이용해봅니다.
  6. 지도 편집을 완료했다면, 좌측 하단 [지도 넣기] 버튼을 이용해서 지도를 본문에 입력합니다.
  7. 지도를 수정해야 한다면, 위지윅 에디터 상에 삽입된 지도를 더블클릭합니다.
  8. 지도 크기를 수정해야 한다면, 위지윅 에디터 상에 삽입된 지도를 한번 클릭하고 모서리에 나타난 점을 이용해서 크기를 변경합니다.(IE 만 지원)

특징

  1. 다양한 지도 API 사용 가능.
    • 기본 지도: 구글 지도
    • 선택 가능 지도: 구글, 네이버, 다음 지도
  2. 쉬운 사용법
    • 클릭 한번으로 마커 생성과 삭제 가능
    • 생성된 마커를 드래그해서 위치 이동 가능 (네이버 지도를 사용하는 경우는 불가능)
    • 위지윅 에디터 상에 나타난 지도를 더블클릭해서 지도 수정 가능
    • 위지윅 에디터 상에 나타난 지도를 한번 클릭하고 크기 조절 가능(IE에서만 가능)

알려진 내용

  • 네이버 지도 API는 SSL(HTTPS) 연결을 지원하지 않습니다.
  • 네이버 지도를 사용하면 지도 편집시 마커 추가와 삭제는 가능하지만, 드래그는 불가능 합니다.
  • 다음 업데이트시 숫자 입력을 통해 크기를 조절하는 방법을 추가할 예정입니다.

포럼 2

로그인 후 작성할 수 있습니다.
  • 2014-08-17 00:34:24 ms.kim

    @큰돌♡ 네! 에디터에서 표시되는 정적 지도는 사용하는 API와 관계없이 구글의 정적지도가 표현됩니다. 다음 지도의 정적 지도는 자바스크립트로 표현하는 규격은 공개 되어있지만, 이미지를 직접 받아오는 규격은 공개 되어있지 않아 당분간 추가가 어려울 것 같습니다.

  • 2014-08-16 23:45:59 큰돌♡

    다음 지도를 사용하도록 하니 지도 선택 화면에서는 다음 지도로 나오는데, 에디터에 삽입하니 에디터 상에서는 구글 지도로 표시됩니다.
    글 적기를 완료하면 다음 지도가 나오구요.
    이게 정상적인 건가요?