Skip to content

Releases: xe-public/map_components

map component version 1.4.5 release

07 Jun 15:02
327d58f
Compare
Choose a tag to compare

English

Summary

  • This program (map component) is developed by XE Public Project.
  • map component is an editor component of XpressEngine or Rhymix.
  • This software supports various maps APIs (OpenStreetMap, Google, Kakao, Naver Business Platform (NBP) maps API).
    • The default map is OpenStreetMap without API key.
    • To display OpenStreetMap, this software contains Leaflet as a library.
    • Google, Kakao, NBP maps API requires API key(s) to display them.
  • Easy to use
    • one click marker creation and deletion
    • drag the marker to move
    • double-click the map on the WYSIWYG editor to modify it.

License

Installation directory

  • ./modules/editor/components/map_components

How to install map component

  1. Copy map component files to the right (see above) directory
  2. Click editor menu ( /index.php?module=admin&act=dispEditorAdminIndex ) on the admin page of XpressEngine or RhymiX
  3. See the map item on the bottom of the page as an editor component, and check to activate it.

한국어

특징

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

사용권

설치 위치

  • ./modules/editor/components/map_components

설치 방법

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

사용 방법

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

바뀐 점

  • 네이버 지도 API가 네이버 비즈니스 플랫폼 (NBP) 지도 API로 이관된 것을 반영하였습니다. ( @misol ) 네이버 비즈니스 플랫폼 지도 API와 관련하여서는 https://www.ncloud.com/product/applicationService/maps 를 참고하십시오.
  • 주요 공헌자인 @misol 이 바쁜 생활을 하고 있어서, 업데이트가 빠르지 않았습니다. 이 컴포넌트는 3가지 API를 동시에 지원하고 있어서 각 API 중 하나에 문제가 생기면, 다른 API로 잠시 사용해주시길 바라고, 많은 공헌 부탁 드립니다.

쉬어가는 소리

ASMR - Experiment preparation

map component version 1.4.4 release

01 Mar 13:13
Compare
Choose a tag to compare

English

Summary

  • This program (map component) is developed by XE Public Project.
  • map component is an editor component of XpressEngine or Rhymix.
  • This software supports various maps APIs (OpenStreetMap, Google, Kakao, Naver maps API).
    • The default map is OpenStreetMap without API key.
    • To display OpenStreetMap, this software contains Leaflet as a library.
    • Google, Kakao, Naver maps API requires API key(s) to display them. Google Maps API allows a little query capacity for a test, but it is very small for a service.
  • Easy to use
    • one click marker creation and deletion
    • drag the marker to move (except Naver maps API)
    • double-click the map on the WYSIWYG editor to modify it.

License

Installation directory

  • ./modules/editor/components/map_components

How to install map component

  1. Copy map component files to the right (see above) directory
  2. Click editor menu ( /index.php?module=admin&act=dispEditorAdminIndex ) on the admin page of XpressEngine or RhymiX
  3. See the map item on the bottom of the page as an editor component, and check to activate it.

한국어

특징

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

사용권

설치 위치

  • ./modules/editor/components/map_components

설치 방법

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

사용 방법

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

바뀐 점

  • 한 페이지에 여러 지도를 넣을 경우, 하나의 지도만 표시되던 문제 수정. ( @misol )

알려진 내용

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

쉬어가는 음악

TWICE(트와이스) "Heart Shaker" M/V

map component version 1.4.3 release

24 Dec 02:54
Compare
Choose a tag to compare

English

Summary

  • This program (map component) is developed with XE Public Project.
  • map component is an editor component of XpressEngine or RhymiX.
  • This software supports the various maps APIs (OpenStreetMap, Google, Kakao, Naver maps API).
    • Default settings is OpenStreetMap without API key.
    • To display OpenStreetMap, this software contains Leaflet as a library.
    • Google, Kakao, Naver maps API requires API key(s) to display them. Google Maps API allows a little query capacity for test, but it is very small for a service.
  • Easy to use
    • one click marker creation and deletion
    • drag the marker to move (except Naver maps API)
    • double-click the map on the wysiwyg editor to modify it.

License

Installation directory

  • ./modules/editor/components/map_components

How to install map component

  1. Copy map component files to the right (see above) directory
  2. Click editor menu ( /index.php?module=admin&act=dispEditorAdminIndex ) on the admin page of XpressEngine or RhymiX
  3. See map item on the bottom of the page as an editor component, and check to activate it.

한국어

특징

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

사용권

설치 위치

  • ./modules/editor/components/map_components

설치 방법

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

사용 방법

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

바뀐 점

  • 카카오 API 주소 수정 ( @misol )
  • 1.4.2 에서 글 읽기 페이지의 카카오 지도 API 주소를 업데이트 했습니다. (지도가 보이지 않던 문제 해결.. (@misol)
  • 네이버 API 버전 3으로 업데이트 ( @misol )
  • 오픈스트리트맵을 표시하는 Leaflet 라이브러리 업데이트 ( @misol )

알려진 내용

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

쉬어가는 음악

TWICE(트와이스) "Heart Shaker" M/V

map component version 1.4.2 release

24 Dec 02:19
Compare
Choose a tag to compare

English

Summary

  • This program (map component) is developed with XE Public Project.
  • map component is an editor component of XpressEngine or RhymiX.
  • This software supports the various maps APIs (OpenStreetMap, Google, Kakao, Naver maps API).
    • Default settings is OpenStreetMap without API key.
    • To display OpenStreetMap, this software contains Leaflet as a library.
    • Google, Kakao, Naver maps API requires API key(s) to display them. Google Maps API allows a little query capacity for test, but it is very small for a service.
  • Easy to use
    • one click marker creation and deletion
    • drag the marker to move (except Naver maps API)
    • double-click the map on the wysiwyg editor to modify it.

License

Installation directory

  • ./modules/editor/components/map_components

How to install map component

  1. Copy map component files to the right (see above) directory
  2. Click editor menu ( /index.php?module=admin&act=dispEditorAdminIndex ) on the admin page of XpressEngine or RhymiX
  3. See map item on the bottom of the page as an editor component, and check to activate it.

한국어

특징

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

사용권

설치 위치

  • ./modules/editor/components/map_components

설치 방법

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

사용 방법

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

바뀐 점

  • 카카오 API 주소 수정 ( @misol )
  • 네이버 API 버전 3으로 업데이트 ( @misol )
  • 오픈스트리트맵을 표시하는 Leaflet 라이브러리 업데이트 ( @misol )

알려진 내용

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

쉬어가는 음악

TWICE(트와이스) "Heart Shaker" M/V

map component version 1.4.1 release

01 Apr 15:32
Compare
Choose a tag to compare

English

Summary

  • This program (map component) is developed with XE Public Project.
  • map component is an editor component of XpressEngine or RhymiX.
  • This software supports the various maps APIs (OpenStreetMap, Google, Kakao, Naver maps API).
    • Default settings is OpenStreetMap without API key.
    • To display OpenStreetMap, this software contains Leaflet as a library.
    • Google, Kakao, Naver maps API requires API key(s) to display them. Google Maps API allows a little query capacity for test, but it is very small for a service.
  • Easy to use
    • one click marker creation and deletion
    • drag the marker to move (except Naver maps API)
    • double-click the map on the wysiwyg editor to modify it.

License

Installation directory

  • ./modules/editor/components/map_components

How to install map component

  1. Copy map component files to the right (see above) directory
  2. Click editor menu ( /index.php?module=admin&act=dispEditorAdminIndex ) on the admin page of XpressEngine or RhymiX
  3. See map item on the bottom of the page as an editor component, and check to activate it.

한국어

특징

  • 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)

map component version 1.4 release

30 Jul 08:29
Compare
Choose a tag to compare

English

Summary

  • This program (map component) is developed with XE Public Project.
  • map component is an editor component of XpressEngine or RhymiX.
  • This software supports various maps APIs (OpenStreetMap, Google, Daum, Naver maps API).
    • Default settings is OpenStreetMap without API key.
    • To display OpenStreetMap, this software contains Leaflet as a library.
  • Easy to use
    • one click marker creation and deletion
    • drag the marker to move (except Naver maps API)
    • double-click the map on the wysiwyg editor to modify it.

License

Installation directory

  • ./modules/editor/components/map_components

How to install map component

  1. Copy map component files to the right (see above) directory
  2. Click editor menu ( /index.php?module=admin&act=dispEditorAdminIndex ) on the admin page of XpressEngine (or RhymiX)
  3. See map item on the bottom of the page as an editor component, and check to activate it.

한국어

특징

  • XE Public 프로젝트를 통해 개발되고 있는 컴포넌트 입니다.
  • 다양한 지도 API를 지원합니다. (네이버, 다음, 구글 지도 API 지원)
    • 아무 설정도 하지 않았을 때 기본 지도는 오픈스트리트맵 입니다.
    • 이 소프트웨어는 오픈스트리트 지도를 나타내기 위해서 Leaflet 라이브러리를 포함합니다.
  • 쉬운 사용법
    • 클릭 한번으로 마커 생성과 삭제 가능
    • 생성된 마커를 드래그해서 위치 이동 가능 (네이버 지도를 사용하는 경우는 불가능)
    • 위지윅 에디터 상에 나타난 지도를 더블클릭해서 지도 수정 가능
    • 위지윅 에디터 상에 나타난 지도를 한번 클릭하고 크기 조절 가능(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 )
  • 기본 지도가 오픈스트리트 맵으로 변경되었습니다. ( @misol )
  • 구글 지도 API 키를 입력할 수 있습니다. ( @misol )

알려진 내용

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

쉬어가는 음악

IDIOTAPE - 가지마오 / Don't Go (Official Music Video)

map component version 1.3 release

07 Feb 11:13
Compare
Choose a tag to compare

English

Summary

  • This program (map component) is developed with XE Public Project.
  • map component is an editor component of XpressEngine.
  • map component is an compatible with RhymiX.
  • This software supports various maps APIs (Google, Daum, Naver maps API).
    • Default settings is Google maps without API key.
  • Easy to use
    • one click marker creation and deletion
    • drag the marker to move (except Naver maps API)
    • double-click the map on the wysiwyg editor to modify it.

License

Installation directory

  • ./modules/editor/components/map_components

How to install map component

  1. Copy map component files to the right (see above) directory
  2. Click editor menu ( /index.php?module=admin&act=dispEditorAdminIndex ) on the admin page of XpressEngine (or RhymiX)
  3. See map item on the bottom of the page as an editor component, and check to activate it.

한국어

특징

  • XE Public 프로젝트를 통해 개발되고 있는 컴포넌트 입니다.
  • 다양한 지도 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 )
  • 네이버 지도의 SSL 연결을 완전하게 지원합니다. ( @misol )
  • ClientID 와 Secret 키로 구성된, 네이버 지도의 새로운 포맷을 지원합니다. ( @misol )

알려진 내용

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

지도 컴포넌트 version 1.2.1 배포

21 Sep 11:49
Compare
Choose a tag to compare

특징

  • XE Public 프로젝트를 통해 개발되고 있는 컴포넌트 입니다.
  • 다양한 지도 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 만 지원)

바뀐 점

  • 변경된 다음 지도 API 키 포맷을 구분하도록 옵션이 추가되었습니다. ( @misol )
  • 네이버 지도의 SSL 연결을 지원합니다. ( @misol )

알려진 내용

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

지도 컴포넌트 version 1.2 배포

14 Jul 08:11
Compare
Choose a tag to compare

특징

  • XE Public 프로젝트를 통해 개발되고 있는 컴포넌트 입니다.
  • 다양한 지도 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 만 지원)

바뀐 점

  • 모바일에서 에디터 사용시에도 지도 에디터컴포넌트를 이용할 수 있도록 UI를 수정했습니다. ( @misol )

알려진 내용

  • 네이버 지도 API는 SSL(HTTPS) 연결을 지원하지 않습니다. 올해 상반기 중 네이버 API가 업데이트 된다는 답변이 있었으나 아직 업데이트 되지 않고 있습니다.
  • 네이버 지도를 사용하면 지도 편집시 마커 추가와 삭제는 가능하지만, 드래그는 불가능 합니다.
  • 숫자 입력을 통해 크기를 조절하는 기능은 추가되지 않을 예정입니다. 숫자 입력을 통해 크기 조절을 원하시는 경우, 지도 자체는 100% width를 가지므로 지도를 포함하는 요소의 크기를 변경하셔서 조절하실 수 있습니다.

지도 컴포넌트 version 1.1.5 배포

11 Jul 16:21
Compare
Choose a tag to compare

특징

  • XE Public 프로젝트를 통해 개발되고 있는 컴포넌트 입니다.
  • 다양한 지도 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 만 지원)

바뀐 점

  • 모바일 등 폭이 좁은 디스플레이에서 지도를 볼 때 최대 폭 100%를 넘지 않습니다. ( @misol )
  • 지도를 클릭했을 때, 이미지 리사이즈 애드온이나 라이트박스 애드온 등이 실행되는 문제를 해결하였습니다. ( @misol )
  • 모바일 화면을 고려하여서, 지도 삽입시 세로의 기본 길이가 300px로 변경되었습니다. ( @misol )

알려진 내용

  • 네이버 지도 API는 SSL(HTTPS) 연결을 지원하지 않습니다. 올해 상반기 중 네이버 API가 업데이트 된다는 답변이 있었으나 아직 업데이트 되지 않고 있습니다.
  • 네이버 지도를 사용하면 지도 편집시 마커 추가와 삭제는 가능하지만, 드래그는 불가능 합니다.
  • 숫자 입력을 통해 크기를 조절하는 기능은 추가되지 않을 예정입니다. 숫자 입력을 통해 크기 조절을 원하시는 경우, 지도 자체는 100% width를 가지므로 지도를 포함하는 요소의 크기를 변경하셔서 조절하실 수 있습니다.