지도 지역 선택
지도 위에서 시군구를 눌러 고르는 선택기예요.
모바일PCRegionMapPicker
전국 경계 지도(대용량)를 받아야 그릴 수 있어요. 리블 홈의 스크리너에서 실제로 볼 수 있어요.
고르기#
- 화면 블록(스크리너)이에요. 공용 부품이 아니라 공용 부품을 조립한 화면 조각이에요. 다른 화면에 같은 일이 필요하면 이 블록을 다시 만들지 말고 정본 부품으로 조립해요.
인터페이스#
타입에서 자동으로 뽑은 표예요.
RegionMapPicker#
| 속성 | 기본값 | 타입 | 설명 |
|---|---|---|---|
| regions* | - | string[] | |
| setRegions* | - | (r: string[]) => void |
* 필수예요. 표는 타입에서 자동으로 뽑았어요.
접근성#
- 지도는 role="img" "지역 선택 지도"예요. 확대·축소 버튼에 이름이 있어요.
- 지도에서 고르기는 마우스·손가락 전용이라, 같은 선택을 목록(지역 필터)으로도 해요.
플랫폼별 차이#
| 플랫폼 | 차이 |
|---|---|
| 모바일 | PC와 같은 모양이에요. 글자 역할만 폰 크기로 바뀌어요. |
| PC | 마우스가 있는 기기에서만 hover가 켜지고, 키보드 초점 링이 보여요. |