임장 지도
계획의 곳을 번호 핀으로 지도에 찍고 동선을 그어요.
모바일PCPlanMap실제 데이터 · 2026-11 기준
고르기#
- 화면 블록(임장 계획)이에요. 공용 부품이 아니라 공용 부품을 조립한 화면 조각이에요. 다른 화면에 같은 일이 필요하면 이 블록을 다시 만들지 말고 정본 부품으로 조립해요.
인터페이스#
타입에서 자동으로 뽑은 표예요.
PlanMap#
| 속성 | 기본값 | 타입 | 설명 |
|---|---|---|---|
| stops* | - | MapStop[] | |
| selectedId* | - | string | null | |
| flashId | - | string | |
| onPin* | - | (id: string) => void | |
| pad* | - | MapPad | 지도 위를 덮는 것(헤더·시트)의 크기 - 맞추기·이동이 보이는 칸 가운데로 가게 |
| fitKey* | - | string | 바뀌면 전체 맞추기(처음·곳이 늘거나 줄 때) |
| focus* | - | number | 바뀌면 선택한 곳으로 이동(목록에서 눌렀을 때) |
| dashed | - | boolean | 미리보기 동선(순서 최적화 제안) - 점선 |
| attrib | 'top-right' | 'top-right' | 'bottom-left' | 출처 표기 자리 - 폰은 위 오른쪽(아래는 시트), PC는 아래 왼쪽(오른쪽은 도크) |
| className | - | string | 배치용 클래스예요. 모양(색·크기)은 덮어쓰지 않아요. |
* 필수예요. 표는 타입에서 자동으로 뽑았어요.
접근성#
- 지도는 그림이에요. 같은 곳은 목록에서 번호로 읽혀요.
플랫폼별 차이#
| 플랫폼 | 차이 |
|---|---|
| 모바일 | PC와 같은 모양이에요. 글자 역할만 폰 크기로 바뀌어요. |
| PC | 마우스가 있는 기기에서만 hover가 켜지고, 키보드 초점 링이 보여요. |