Design
Real references and approved planning decisions feed the design output.
Building Drawing Viewer 지도 UI
Sent to DevelopmentReference Board
당근마켓 급구 — 긴급 요청 지도 화면
정적 지도 + 반경 표시, 실시간 위치 없음
숨고 — 전문가 요청 지도
정적 지역 태그 + 카드 리스트 중심
Flow Comparison
현재: 전문가 프로필 → 요청 상세 (지도 없음) / 개선안: 요청 상세 → 정적 지역 지도 + 수동 새로고침 버튼 추가
Design Alternatives
A. 정적 지도 + 하단 카드형Approved
지도 상단 고정, 요청 카드 리스트가 하단 스크롤
Familiarity: 당근마켓/숨고와 동일한 익숙한 패턴
B. 정적 지도 + 오버레이형
지도 위에 카드가 바텀시트로 오버레이
Familiarity: 지도 앱 계열과 유사, 학습 비용 낮음
C. 지도 없이 주소 텍스트만
지도 컴포넌트 없이 텍스트 주소만 표시
Familiarity: 구현은 가장 단순하나 공간 인지 정보 부족
UX Writing Review
'현재 위치 기준 반경 3km' 같은 문구로 실시간처럼 오인되지 않도록 주의 — '마지막 업데이트 HH:mm' 표기 병기
Empty State
요청에 위치 정보가 없을 경우 '위치 미등록' 안내 카드 표시
Error State
지도 API 응답 실패 시 주소 텍스트로 폴백
Loading State
지도 타일 로딩 중 스켈레톤 표시, 2초 이상 지연 시 텍스트 폴백
Responsive Considerations
모바일에서는 지도 높이 40vh로 축소, 카드 리스트가 주 콘텐츠