dronevideoplayer/docs/history/2026-04-01_RoutePanel-미니맵-추가.md

RoutePanel 미니맵 추가 및 개선

소요 시간: 약 3시간
Context 사용량: input ~60k / output ~20k tokens
이슈: 없음

---

작업 내용

RoutePanel 컴포넌트 생성 및 VideoPlayer 통합

• client/src/components/overlay/RoutePanel.tsx 신규 생성
• VideoPlayer.tsx에 통합 (showStations 토글 연동)
• props: currentTime, visible, onSeek

기능

• 세로 미니맵 패널 (화면 좌측)
• 교량/터널 POI만 필터링하여 표시 (터널: 보라, 교량: 하늘색)
• 초록 박스: 현재 카메라에 보이는 km 범위
• 오렌지 마커: 현재 위치, 드래그하면 해당 측점으로 seek
• 시점/종점 역명 표시 (역사 카테고리 POI 중 km 최소/최대)

수정 이력

• StationOverlay.tsx alt → altitude 타입 오류 수정
• cleanTitle(): (상)/(하) 접미어 제거
• km 방향 여러 차례 수정 끝에 확정: 높은 km = 위, 낮은 km = 아래
• 패널 높이 80%, 겹침 간격 9%
• 글씨 크기 +30%, 배경 투명도 밝게

산출물

• client/src/components/overlay/RoutePanel.tsx (신규)
• client/src/components/player/VideoPlayer.tsx
• client/src/components/overlay/StationOverlay.tsx