htlee
b9d924e81e
WING-GIS 해양경찰 통합 GIS 위치정보시스템. 모노레포: frontend(React 19 + MapLibre + deck.gl) + services(Spring Boot + Gradle). - npm + Nexus 프록시 레지스트리 설정 - 팀 워크플로우 v1.6.1 부트스트랩 파일 배치 - .githooks (commit-msg, post-checkout) - custom_pre_commit: true (모노레포 pre-commit 별도 관리) Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
28 lines
934 B
TypeScript
28 lines
934 B
TypeScript
import React from 'react';
|
|
|
|
interface CoordStatusBarProps {
|
|
coord?: string;
|
|
epsg?: string;
|
|
scale?: string;
|
|
zoom?: number;
|
|
}
|
|
|
|
const CoordStatusBar: React.FC<CoordStatusBarProps> = ({
|
|
coord = '37°28\'14"N 126°38\'52"E',
|
|
epsg = 'EPSG:4326',
|
|
scale = '1:50,000',
|
|
zoom = 10,
|
|
}) => (
|
|
<div style={{ position: 'absolute', bottom: 0, left: 0, right: 0, background: 'rgba(255,255,255,.92)', borderTop: '1px solid #dde5ea', padding: '3px 10px', display: 'flex', alignItems: 'center', gap: 12, fontSize: 10, fontFamily: 'var(--mono)', color: '#4a6070', zIndex: 10 }}>
|
|
<span>{coord}</span>
|
|
<div style={{ width: 1, height: 12, background: '#dde5ea' }} />
|
|
<span>{epsg}</span>
|
|
<div style={{ width: 1, height: 12, background: '#dde5ea' }} />
|
|
<span>축척 {scale}</span>
|
|
<div style={{ width: 1, height: 12, background: '#dde5ea' }} />
|
|
<span>Zoom {zoom}</span>
|
|
</div>
|
|
);
|
|
|
|
export default CoordStatusBar;
|