XE 공식 자료실
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
에디터컴포넌트 지도 ver. 1.1
- 제작자
- XEPublic
- 등록일
- 2014-08-15
- 다운로드 수
- 1,417
- 링크1
- xe-public/map_components
- 링크2
- xe-public/map_components
네이버, 다음, 구글 등 다양한 지도를 활용할 수 있습니다.
xe-public 프로젝트에서 진행하고 있습니다. 원하시는 분은 언제든지 기여하실 수 있습니다.
- 라이선스
- GPL v3
- 설치경로
- ./modules/editor/components/map_components
- 최초 등록일
- 2014-08-11
- 전체 다운로드
- 11,026
체험하기
쉬운설치로 바로 체험할 수 있습니다
상세 설명
지도 버전 1.1
설치 방법
- 지도 에디터 컴포넌트 파일을 복사 합니다.(쉬운설치의 경우 쉬운 설치를 완료합니다.)
- 관리자 페이지 왼쪽 메뉴 하단에 아래쪽 화살표를 클릭하고, 고급 > 에디터( /index.php?module=admin&act=dispEditorAdminIndex )에 접속합니다.
- 맨 하단 '에디터 컴포넌트' 중 '지도' 가 생성된 것을 확인하고 오른쪽 '사용' 체크박스에 체크합니다.
- 네이버나 다음 지도를 사용하시려면, '지도' 항목의 제목인 [지도] 글자를 클릭합니다.
- 지도 API Key 항목에 사용하고 싶은 지도의 API 키 ― 네이버 또는 다음 지도 API 키 ― 를 입력합니다.
- 에디터에서 지도 컴포넌트가 잘 열리는지 확인합니다.
사용 방법
- 에디터의 확장 컴포넌트에 나타난 지도 컴포넌트를 클릭하면 새 창에 지도 컴포넌트가 나타납니다.
- 상단에 [지도]라는 제목을 한번 클릭해봅니다.
- 나타난 안내 화면을 읽습니다.
- 안내 화면의 문구대로 따라합니다. 오른쪽 지도를 클릭 해보고, 나타난 마커를 한번 클릭해봅니다.
- 왼쪽 검색 창도 이용해봅니다.
- 지도 편집을 완료했다면, 좌측 하단 [지도 넣기] 버튼을 이용해서 지도를 본문에 입력합니다.
- 지도를 수정해야 한다면, 위지윅 에디터 상에 삽입된 지도를 더블클릭합니다.
- 지도 크기를 수정해야 한다면, 위지윅 에디터 상에 삽입된 지도를 한번 클릭하고 모서리에 나타난 점을 이용해서 크기를 변경합니다.(IE 만 지원)
특징
- 다양한 지도 API 사용 가능.
- 기본 지도: 구글 지도
- 선택 가능 지도: 구글, 네이버, 다음 지도
- 쉬운 사용법
- 클릭 한번으로 마커 생성과 삭제 가능
- 생성된 마커를 드래그해서 위치 이동 가능 (네이버 지도를 사용하는 경우는 불가능)
- 위지윅 에디터 상에 나타난 지도를 더블클릭해서 지도 수정 가능
- 위지윅 에디터 상에 나타난 지도를 한번 클릭하고 크기 조절 가능(IE에서만 가능)
알려진 내용
- 네이버 지도 API는 SSL(HTTPS) 연결을 지원하지 않습니다.
- 네이버 지도를 사용하면 지도 편집시 마커 추가와 삭제는 가능하지만, 드래그는 불가능 합니다.
- 다음 업데이트시 숫자 입력을 통해 크기를 조절하는 방법을 추가할 예정입니다.
포럼 2
로그인 후 작성할 수 있습니다.
-
2014-08-17 00:34:24 ms.kim
@큰돌♡ 네! 에디터에서 표시되는 정적 지도는 사용하는 API와 관계없이 구글의 정적지도가 표현됩니다. 다음 지도의 정적 지도는 자바스크립트로 표현하는 규격은 공개 되어있지만, 이미지를 직접 받아오는 규격은 공개 되어있지 않아 당분간 추가가 어려울 것 같습니다.
-
2014-08-16 23:45:59 큰돌♡
다음 지도를 사용하도록 하니 지도 선택 화면에서는 다음 지도로 나오는데, 에디터에 삽입하니 에디터 상에서는 구글 지도로 표시됩니다.
글 적기를 완료하면 다음 지도가 나오구요.
이게 정상적인 건가요?