의뢰/마켓포인트 콘텐츠에디터/컴포넌트

내정보

Guest 님
보유포인트
0
  • 재구매 할인
    30%
  • 컨텐츠 환불
    100%
  • 평점 포인트
    10%
  • 포인트 자동책정
    0%
콘텐츠 수 302

지도 글쓰기 도구 1.4.1 버전 배포

최초 등록일: 2017.04.02 조회수 : 691

판매기간이 지났습니다.

4.8점 / 총 9명 참여
  • 구매자 48
  • 소개 에디터컴포넌트입니다. 지도를 원하는 곳에 추가하거나 수정할 수 있습니다. 
  • 설치경로 ./modules/editor/components/map_components 
  • 지원환경 XpressEngine,Rhymix 
  • 라이선스 GPL v3 
  • 판매기간 ~ 2019-06-07 00:00
  • 분류 에디터/컴포넌트
  • 제작자 misol
  • 다운로드
    map_components.zip 1.25MB (잔여일 : -, 잔여횟수 : -)

https://xetown.com/point_contents/1227531 에 업데이트 된 버전이 업로드 되었습니다. 이 버전은 구 버전입니다.

특징

  • XE Public 프로젝트를 통해 개발되고 있는 컴포넌트 입니다.
  • 다양한 지도 API를 지원합니다. (네이버, 다음, 구글 지도 API 지원)
    • 아무 설정도 하지 않았을 때 기본 지도는 오픈스트리트맵 입니다.
    • 이 소프트웨어는 오픈스트리트 지도를 나타내기 위해서 Leaflet 라이브러리를 포함합니다.
    • 구글, 카카오, 네이버 지도를 이용하려면 API 키가 필요합니다. 구글은 API 키가 없더라도 테스트를 위한 적은 요청은 허용되지만, 서비스를 위한 요청으로는 적은 양입니다.
  • 쉬운 사용법
    • 클릭 한번으로 마커 생성과 삭제 가능
    • 생성된 마커를 드래그해서 위치 이동 가능 (네이버 지도를 사용하는 경우는 불가능)
    • 위지윅 에디터 상에 나타난 지도를 더블클릭해서 지도 수정 가능
    • 위지윅 에디터 상에 나타난 지도를 한번 클릭하고 크기 조절 가능(IE에서만 가능)

사용권

설치 위치

  • ./modules/editor/components/map_components

설치 방법

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

사용 방법

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

바뀐 점

  • 에디터컴포넌트에서 정적 지도에 네이버나 카카오 지도가 나타날 수 있도록 수정. ( @misol )
  • 구글 지도 API 사용시, 정적 지도에 구글 API 키가 입력되도록 수정. ( @misol )

알려진 내용

  • 네이버 지도를 사용하면 지도 편집시 마커 추가와 삭제는 가능하지만, 드래그는 불가능 합니다.
  • 숫자 입력을 통해 크기를 조절하는 기능은 추가되지 않을 예정입니다. 숫자 입력을 통해 크기 조절을 원하시는 경우, 지도 자체는 100% width를 가지므로 지도를 포함하는 요소의 크기를 변경하셔서 조절하실 수 있습니다.

쉬어가는 음악

Porter Robinson & Madeon - Shelter (Official Video) (Short Film with A-1 Pictures & Crunchyroll)

이 콘텐츠가 마음에 드셨다면 커피 한잔 (후원)

사회에 긍정적인 영향을 끼치는 사람으로 살고 싶습니다.

댓글 '19'

프로필 사진 profile
jmjim 2017.04.02 00:59 댓글 별점
감사합니다.
프로필 사진 profile
큰성 2017.04.02 12:16 댓글 별점
지도 참 좋은데 확장변수에 주소 넣으면 본문이나 확장변수 출력부쪽에 지도가 같이 출력되는 애드온이 만들어 젔으면 좋겠어요 ㅜㅜ
프로필 사진 profile
쯉쮸릅 2017.04.03 10:09 댓글 별점
친히 답글로 알려주시고 감사합니다!!
프로필 사진 profile
웹지기 2017.04.19 14:35 댓글 별점
이 버전으로 업데이트하고 지도에 현위치 표시가 안됩니다.
프로필 사진 profile
아티스터디 2017.05.02 16:11 댓글 별점
감사합니다.
프로필 사진 profile
달중이 2017.10.04 06:33 댓글 별점
잘쓰겠습니다.
프로필 사진 profile
listeck 2017.10.09 12:25 댓글 별점
지도검색창에서 검색해서 나온 주소를 클릭하면 아무 반응이 없어요.
저만 그런가요?
주소를 클릭하면 해당 주소지가 화면에 떠야할 것 같은데...
프로필 사진 profile
misol 2017.10.09 15:38 댓글 별점
사용하신 지도 종류 (네이버/카카오/구글/오픈스트리트맵)을 알려주시겠어요?
지도는 뜨나요?
프로필 사진 profile
listeck 2017.10.09 20:51 댓글 별점
구글맵이고요.
지도 잘 나오고 검색도 잘 되고 지도에 포인트 찍는 것도 잘 되는데
검색창에서 키워드 넣어서 나온 주소지를 클릭하면 아무 반응이 없어요.
프로필 사진 profile
misol 2017.10.09 21:09 댓글 별점
확인해보겠습니다.
프로필 사진 profile
misol 2017.12.24 00:02 댓글 별점
구글 지도를 사용해서 테스트 하였을 때, 검색 결과의 위치로 이상 없이 이동하는 것을 확인하였습니다. 검색 결과에 마커가 자동으로 찍히지는 않습니다.
프로필 사진 profile
웅키 2017.10.27 13:44 댓글 별점
감사합니다.
프로필 사진 profile
쭈박이 2017.11.14 10:01 댓글 별점
잘쓰겠습니다 감사합니다
프로필 사진 profile
란제리 2017.11.14 18:18 댓글 별점
미솔님 감사합니다.
확장변수 주소입력 본문출력 되면 많은 분들 쓰임세가 좋을 것 같아요
프로필 사진 profile
영흥도우럭 2017.12.12 03:16 댓글 별점
@misol 님 네이버지도 API가 최근에 업그레이드된거 같던데요.
프로필 사진 profile
misol 2017.12.20 23:19 댓글 별점
네이버, 카카오 모두 업데이트가 되었는데, 제가 시간을 내지 못하고 있습니다. 죄송합니다.
프로필 사진 profile
영흥도우럭 2017.12.20 23:31 댓글 별점
아이구..죄송하긴요..천천히 시간 나실때 봐주세요 ^_______^
프로필 사진 profile
쭈박이 2017.12.17 14:04 댓글 별점
@misol
네이버 지도api가 v2에서 v3으로 변경되었네요
네이버 지도좀 확인 부탁드립니다 ㅠ_ㅠ
프로필 사진 profile
misol 2017.12.23 23:57 댓글 별점
오늘 시간이 잠깐 나네요.. 오늘 밤에 작업해보겠습니다.
닫기
작가에게 커피 한잔(후원)을 사주세요.
서버에 요청 중입니다. 잠시만 기다려 주십시오...