b23042andClaude Opus 4.8
e0ff5dd6d0
- 지도 기반 나침반(노스업, 현재위치, 시야 역삼각형): 호버 확대·휠 줌·클릭 위성전환, OSM/Esri 타일 서버 프록시(/api/tile) - 스테이션 검색: 실제 측점(chain) 기준 이동, 없으면 '측점 없음' 안내 - 역 마커: 직교 투영 측점 일치 시에만 표시, 미도착 종점은 추가 방식 - POI 팝업 겹침/재등장·라벨 정합 수정 - 영상 fps 데이터 기반 자동 산출 - 기술/발표/쉬운설명 문서 추가 Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
1.2 KiB
1.2 KiB
'측점 없음' 안내가 안 뜨던 문제 수정 (CSS 레이아웃)
소요 시간: 약 10분 Context 사용량: input ~300k / output ~2k tokens
문제
없는 측점 검색 시 "측점 없음" 안내가 화면에 안 떴다(로직은 정상).
원인
재생/입력 패널 .transportGroup 은 고정 크기 + 자식 요소가 모두 position: absolute.
안내 <span> 이 일반 흐름이라 패널 좌상단에 깔려 버튼/패널 뒤에 가려짐.
수정
- PlaybackControls.module.scss
에
.notFound클래스 추가: 입력창과 같은 위치·크기로 절대배치,z-index:6, 어두운 배경 + 빨간 글씨. - PlaybackControls.tsx
안내 span 을 인라인 스타일 →
className={styles.notFound}(문구⚠ 측점 없음). - 1.8초 후 자동 숨김 / 재입력 시 숨김(기존 로직 유지).
부수 정리
- 진단용 HUD 표시
· 검색v5제거(빌드 확인용이었음).
검증
tsc --noEmit통과,npm run build성공 → :55000 서빙.- 168000(범위 밖) 검색 시 '⚠ 측점 없음' 정상 표시 확인(사용자).