Map Chart

Component Map Chart
Map Chart 이미지
chart 버전, 다운로드, 데모 테이블
버전 데모 평가판 다운로드
HTML5 (v4.0) 데스크탑
모바일

* HTML5 맵차트의 경우 IE7,8 지원과 관련하여 아래 본문을 참고바랍니다.
* 제품소개서 및 기술자료는 자료실에서 받으실 수 있습니다.

rMate MapChart for HTML5

  • 웹 및 모바일용 맵(Map)차트 컴포넌트
  • 데스크탑 및 HTML5가 지원되는 최신의 모바일 환경(스마트폰, 태블릿PC)에서 사용이 가능합니다.
  • HTML5 MapChart v4.0/v3.0의 경우 HTML5가 지원되지 않는 IE7,8 에서는 동작하지 않습니다. 이때에는
    HTML5 MapChart v1.0버전을 이용하시기 바랍니다.(1.0버전은 IE7,8 에서는 자동으로 플래시로 대체되어 표시됩니다.)

주요 특장점

주요특징
  • 추상화된 맵(Map)을 통해 시각적인 User Interface를 제공하기 위해 만들어진 컴포넌트입니다.
  • 맵상에 지점표시, 패널표시, 스파크차트표시, 경로표시, 각종 이미지표시 등의 핵심기능과 함께, 데이터와의 연동을 통한 맵의 color변경(범례제공), 서브맵으로 이동, 각종 마우스 이벤트나 툴팁 등을 통해 다양한 시각적 interface를 수행할 수 있습니다.
  • 맵차트에는 대한민국 지도 및 각 도별지도, 세계전도, 주요국가의 주별/성별 지도가 컴포넌트와 함께 제공됩니다.
  • 그 외의 맵을 표현코자 하는 경우, 제공되는 다큐먼트를 참조하여 직접 맵을 만드시고, 이를 컴포넌트에 적용할 수 있습니다.
범용성
  • IE, 크롬, 파이어폭스, 사파리등의 모든 브라우저에서 동작하며, 별도 Active-X의 다운로드 없이 사용이 가능합니다.
  • HTML5 맵차트 : HTML5가 지원되는 최신의 모바일 환경(스마트폰, 태블릿PC)에서 사용이 가능합니다.
  • 순수 국산기술로 개발되었기에 고객에게 신속한 응대를 제공해 드리고 있습니다.

기능적 특징

지원되는
맵(Map)차트의 기능
  • 국내전도, 시도별지도, 서울 및 광역시의 동지도, 세계전도, 주요국가별 주별/성별 지도 등 내장.
    (지도 Format은 SVG 입니다.)
  • 지도의 지역별 color지정 및 범례제공, 맵차트위에 객체올리기(패널,버블, 이미지, Spark 차트, Route등).
  • 마우스 over시 툴팁/객체툴팁/color변경등 제공.
  • 마우스 click시에 이벤트발생/하위맵이동등 제공.
  • 자바스크립트연동을 통한 다수의, 이용자정의, 확대/축소/맵이동등의 기능제공.
  • 한글은 utf-8 과 euc-kr 지원
맵(Map)차트와
데이터의 연동
  • 데이터 및 Layout은 XML 형식을 지원하며, 파일로 전달할 수도 있고, String으로 맵차트에 전달할 수 있습니다
  • 자바스크립트를 통해 데이터를 동적으로 embedding하여, 화면의 재 로딩 없이 맵차트를 변경할 수 있습니다.
  • 화면의 재로딩없이 맵차트의 Layout을 동적으로 변경할 수 있습니다.
맵(Map)차트와
자바스크립트의 연동
  • 자바스크립트를 이용하여 지도위의 컬러, 라벨, 데이터팁 등을 변경할 수 있습니다.
  • 지도내의 각 지역을 클릭 시 자바스크립트를 호출 할 수 있습니다.
  • 지도 위의 각 객체(이미지,패널, Plot,버블,Spark Chart,Route등)를 클릭 시 자바스크립트를 호출할 수 있습니다.

운용환경적 특징

크로스 브라우저 지원 IE 외의 FireFox나 크롬, 사파리 등의 브라우져에서 운용될 수 있습니다.
(IE7,8 의 경우 최신버전의 제품에서는 지원되지 않으며, version 1.0 제품에 한하여 플래시로 자동으로 대체되어서 표현되는 기능이 있습니다.)
모바일 단말의 지원
(HTML5 맵차트)
HTML5를 지원하는 모든 모바일 플랫폼(iOS, 안드로이드, Windows 모바일 등)에서 지원됩니다.
서버의 OS 서버의 OS에 종속되지 않음 : Windows, Linux, Unix 등의 서버의 종류에 종속되지 않습니다.
서버의 개발언어 서버의 개발언어에 종속되지 않습니다. 클라이언트의 그리드와 서버의 데이터 인터페이스는 XML이나
Array, Json등으로 이루어지므로 서버의 모든 개발언어에서 사용이 가능합니다.

샘플화면

기본맵/맵상에 객체올리기/자바스크립트연동 및 범례/세계지도의 예