kimminsung/dronevideoplayer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: RoutePanel km 방향 확정 — 높은km=위(대전조차장), 낮은km=아래(회덕)

Browse Source 
kmToY=(1-ratio), visibleRange/drag seek 모두 동일 방향으로 수정

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
minsung
2026-04-01 16:41:13 +09:00
parent eecd17c590
commit 3f83363ef4
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
client/src/components/overlay/RoutePanel.tsx
View File

@@ -198,7 +198,7 @@ export default function RoutePanel({ currentTime, visible, onSeek }: RoutePanelP
]; ];
const minK = Math.min(...allKms); const minK = Math.min(...allKms);
const maxK = Math.max(...allKms); const maxK = Math.max(...allKms);
const targetKm = minK + yPct * (maxK - minK); const targetKm = maxK - yPct * (maxK - minK);
// Find closest station to target km // Find closest station to target km
let bestStation = validStations[0]; let bestStation = validStations[0];
@@ -245,7 +245,7 @@ export default function RoutePanel({ currentTime, visible, onSeek }: RoutePanelP
]; ];
const minKm = Math.min(...allKms); const minKm = Math.min(...allKms);
const maxKm = Math.max(...allKms); const maxKm = Math.max(...allKms);
const kmToY = (km: number) => ((km - minKm) / (maxKm - minKm)) * 100; const kmToY = (km: number) => (1 - (km - minKm) / (maxKm - minKm)) * 100;
// 교량/터널만 표시 // 교량/터널만 표시
const filteredPois = pois.filter(p => p.category === '\uD130\uB110' || p.category === '\uAD50\uB7C9'); const filteredPois = pois.filter(p => p.category === '\uD130\uB110' || p.category === '\uAD50\uB7C9');
@@ -318,8 +318,8 @@ export default function RoutePanel({ currentTime, visible, onSeek }: RoutePanelP
style={{ style={{
left: 30, left: 30,
right: 4, right: 4,
top: `${kmToY(visibleRange.minKm)}%`, top: `${kmToY(visibleRange.maxKm)}%`,
bottom: `${100 - kmToY(visibleRange.maxKm)}%`, bottom: `${100 - kmToY(visibleRange.minKm)}%`,
border: '1px solid rgba(74,222,128,0.7)', border: '1px solid rgba(74,222,128,0.7)',
background: 'rgba(74,222,128,0.08)', background: 'rgba(74,222,128,0.08)',
}} }}