데모탐색기지도
시군구 고용 데이터를 지도로 보는 Map 패널 데모입니다. 값 셀을 더블클릭하면 탐색기가 지도 모드로 열립니다.
화면에서 보기
로드가 끝나면 합계 셀 기준으로 탐색기가 열린 상태로 표시됩니다.
값 셀을 더블클릭하거나, 포커스된 셀에서 Enter를 눌러도 열 수 있습니다.
이 데모는 explorerMode: 'map'이라 Map 패널이 바로 표시됩니다.
| 조작 | 동작 |
|---|---|
| 값 셀 더블클릭 · Enter | 탐색기 열기(지도) |
| Detail / Chart / Map 탭 | 모드 전환 |
| 탐색기 메뉴 · 위치 | 아래 / 왼쪽 / 오른쪽 |
| 닫기 버튼 | 탐색기 닫기 |
시군구 행을 열면 같은 시도의 시군구가 지도에 색칠되고, 고용률 히트맵 색이 지도에 반영됩니다.
외부 모듈 등록
Map 패널은 RealMap을 useAll(또는 React·Vue의 modules)로 등록해야 합니다.
import * as RealMap from 'realmap';
import { useAll } from 'realpivot2';
import 'realmap/realmap-style.css';
useAll({ RealMap });자세한 설정은 탐색기 가이드를 참고하세요.
플레이그라운드를 불러오는 중…