diff --git a/backend/src/main/java/gc/mda/kcg/auth/AuthFilter.java b/backend/src/main/java/gc/mda/kcg/auth/AuthFilter.java index 8e4a0c3..de1aa74 100644 --- a/backend/src/main/java/gc/mda/kcg/auth/AuthFilter.java +++ b/backend/src/main/java/gc/mda/kcg/auth/AuthFilter.java @@ -22,13 +22,16 @@ public class AuthFilter extends OncePerRequestFilter { private static final String JWT_COOKIE_NAME = "kcg_token"; private static final String AUTH_PATH_PREFIX = "/api/auth/"; private static final String SENSOR_PATH_PREFIX = "/api/sensor/"; + private static final String CCTV_PATH_PREFIX = "/api/cctv/"; private final JwtProvider jwtProvider; @Override protected boolean shouldNotFilter(HttpServletRequest request) { String path = request.getRequestURI(); - return path.startsWith(AUTH_PATH_PREFIX) || path.startsWith(SENSOR_PATH_PREFIX); + return path.startsWith(AUTH_PATH_PREFIX) + || path.startsWith(SENSOR_PATH_PREFIX) + || path.startsWith(CCTV_PATH_PREFIX); } @Override diff --git a/backend/src/main/java/gc/mda/kcg/cctv/CctvProxyController.java b/backend/src/main/java/gc/mda/kcg/cctv/CctvProxyController.java new file mode 100644 index 0000000..777e402 --- /dev/null +++ b/backend/src/main/java/gc/mda/kcg/cctv/CctvProxyController.java @@ -0,0 +1,46 @@ +package gc.mda.kcg.cctv; + +import org.springframework.http.*; +import org.springframework.web.bind.annotation.*; +import org.springframework.web.client.RestTemplate; + +/** + * KHOA CCTV HLS 스트림 프록시 + * CORS 우회를 위해 백엔드에서 KHOA HLS 요청을 중계한다. + * GET /api/cctv/hls/{site}/{filename} + */ +@RestController +@RequestMapping("/api/cctv") +public class CctvProxyController { + + private static final String KHOA_HLS_BASE = + "https://www.khoa.go.kr/SEAFOG/m4NiLawsC202gM5ixA7MPTYtO19KmV/hls/khoa"; + + private final RestTemplate rest = new RestTemplate(); + + @GetMapping("/hls/{site}/{filename}") + public ResponseEntity proxyHls( + @PathVariable String site, + @PathVariable String filename) { + + String url = KHOA_HLS_BASE + "/" + site + "/" + filename; + + HttpHeaders reqHeaders = new HttpHeaders(); + reqHeaders.set("User-Agent", "Mozilla/5.0 (compatible; KCG-Monitor/1.0)"); + + ResponseEntity upstream = rest.exchange( + url, HttpMethod.GET, new HttpEntity<>(reqHeaders), byte[].class); + + HttpHeaders resHeaders = new HttpHeaders(); + if (filename.endsWith(".m3u8")) { + resHeaders.setContentType(MediaType.parseMediaType("application/vnd.apple.mpegurl")); + } else if (filename.endsWith(".ts")) { + resHeaders.setContentType(MediaType.parseMediaType("video/mp2t")); + } else { + resHeaders.setContentType(MediaType.APPLICATION_OCTET_STREAM); + } + resHeaders.setCacheControl(CacheControl.noCache()); + + return new ResponseEntity<>(upstream.getBody(), resHeaders, HttpStatus.OK); + } +} diff --git a/docs/RELEASE-NOTES.md b/docs/RELEASE-NOTES.md index ecfa1ff..3f935f5 100644 --- a/docs/RELEASE-NOTES.md +++ b/docs/RELEASE-NOTES.md @@ -4,6 +4,23 @@ ## [Unreleased] +### 추가 +- 중국어선 조업분석: AIS Ship Type 30 + 선박명 패턴 분류, GC-KCG-2026-001/CSSA 기반 안강망 추가 +- 중국어선 선단 탐지: 본선-부속선 쌍, 운반선 환적, 선망 선단 +- 어구/어망 카테고리 신설 + 모선 연결선 시각화 +- 어구 SVG 아이콘 5종 (트롤/자망/안강망/선망/기본) +- 이란 주변국 시설 레이어 (MEFacilityLayer 35개소) +- 사우스파르스 가스전 피격 + 카타르 라스라판 보복 공격 반영 +- 한국 해군부대 10개소, 항만, 풍력발전단지, 북한 발사대/미사일 이벤트 레이어 +- 정부기관 건물 레이어 (GovBuildingLayer) +- CCTV 프록시 컨트롤러 + +### 변경 +- 레이어 재구성: 선박(최상위) → 항공망 → 해양안전 → 국가기관망 +- 오른쪽 패널 접기/펼치기 기능 +- 센서차트 기본 숨김 +- CCTV 레이어 리팩토링 + ## [2026-03-19.2] ### 추가 diff --git a/frontend/src/App.css b/frontend/src/App.css index d6d0a08..231350f 100644 --- a/frontend/src/App.css +++ b/frontend/src/App.css @@ -252,9 +252,10 @@ .layer-toggle { display: flex; align-items: center; - gap: 8px; - padding: 5px 8px; + gap: 6px; + padding: 3px 6px; border: none; + font-size: 10px; border-radius: 4px; background: transparent; color: var(--kcg-dim); @@ -274,8 +275,8 @@ } .layer-dot { - width: 8px; - height: 8px; + width: 6px; + height: 6px; border-radius: 50%; flex-shrink: 0; } @@ -326,9 +327,9 @@ align-items: center; gap: 4px; cursor: pointer; - padding: 4px 8px; + padding: 3px 6px; border-radius: 4px; - font-size: 11px; + font-size: 10px; font-weight: 500; transition: background 0.15s; } @@ -370,6 +371,21 @@ text-overflow: ellipsis; } .category-count { margin-left: auto; color: var(--kcg-muted); font-size: 9px; } + +/* Nationality filter section */ +.nationality-divider { + height: 1px; + background: var(--kcg-border); + margin: 6px 0 4px; +} +.nationality-header { + font-size: 9px; + font-weight: 600; + color: var(--kcg-dim); + padding: 2px 8px; + letter-spacing: 0.5px; +} + .legend-toggle { font-size: 9px; color: var(--kcg-dim); @@ -1236,8 +1252,8 @@ } .ship-tag-secondary { - background: var(--kcg-border, rgba(100, 116, 139, 0.3)); - color: var(--kcg-text-secondary, #94a3b8); + background: rgba(100, 116, 139, 0.3); + color: #94a3b8; } .ship-tag-dim { @@ -1281,7 +1297,7 @@ } .ship-popup-label { - color: var(--kcg-muted, #64748b); + color: #888; font-size: 10px; flex-shrink: 0; margin-right: 4px; @@ -1289,7 +1305,7 @@ .ship-popup-value { font-size: 10px; - color: var(--kcg-text, #e2e8f0); + color: #e2e8f0; text-align: right; white-space: nowrap; overflow: hidden; @@ -1308,7 +1324,7 @@ .ship-popup-timestamp { font-size: 9px; - color: var(--kcg-dim, #64748b); + color: #64748b; } .ship-popup-link { @@ -1852,9 +1868,9 @@ /* MapLibre GL popup override */ .gl-popup .maplibregl-popup-content, .event-popup .maplibregl-popup-content { - background: var(--kcg-glass-dense) !important; - color: var(--kcg-text) !important; - border: 1px solid var(--kcg-border-light) !important; + background: rgba(10, 10, 26, 0.96) !important; + color: #e0e0e0 !important; + border: 1px solid #444 !important; border-radius: 6px !important; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.8) !important; padding: 10px !important; @@ -1862,12 +1878,12 @@ .gl-popup .maplibregl-popup-tip, .event-popup .maplibregl-popup-tip { - border-top-color: var(--kcg-glass-dense) !important; + border-top-color: rgba(10, 10, 26, 0.96) !important; } .gl-popup .maplibregl-popup-close-button, .event-popup .maplibregl-popup-close-button { - color: var(--kcg-muted) !important; + color: #aaa !important; font-size: 18px; right: 4px; top: 2px; @@ -1875,17 +1891,17 @@ /* Override default white popup background globally */ .maplibregl-popup-content { - background: var(--kcg-glass-dense) !important; - color: var(--kcg-text) !important; - border: 1px solid var(--kcg-border-light) !important; + background: rgba(10, 10, 26, 0.96) !important; + color: #e0e0e0 !important; + border: 1px solid #444 !important; border-radius: 6px !important; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.8) !important; } .maplibregl-popup-tip { - border-top-color: var(--kcg-glass-dense) !important; + border-top-color: rgba(10, 10, 26, 0.96) !important; } .maplibregl-popup-close-button { - color: var(--kcg-muted) !important; + color: #aaa !important; } /* GL marker labels (replaces Leaflet tooltips) */ diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx index 6b98f35..f004236 100644 --- a/frontend/src/App.tsx +++ b/frontend/src/App.tsx @@ -60,8 +60,9 @@ function AuthenticatedApp({ user, onLogout }: AuthenticatedAppProps) { ships: true, koreanShips: true, airports: true, - sensorCharts: true, + sensorCharts: false, oilFacilities: true, + meFacilities: true, militaryOnly: false, }); @@ -79,6 +80,13 @@ function AuthenticatedApp({ user, onLogout }: AuthenticatedAppProps) { osint: true, eez: true, piracy: true, + windFarm: true, + ports: true, + militaryBases: true, + govBuildings: true, + nkLaunch: true, + nkMissile: true, + cnFishing: false, militaryOnly: false, }); @@ -106,6 +114,26 @@ function AuthenticatedApp({ user, onLogout }: AuthenticatedAppProps) { }); }, []); + // Nationality filter state (Korea tab) + const [hiddenNationalities, setHiddenNationalities] = useState>(new Set()); + const toggleNationality = useCallback((nat: string) => { + setHiddenNationalities(prev => { + const next = new Set(prev); + if (next.has(nat)) { next.delete(nat); } else { next.add(nat); } + return next; + }); + }, []); + + // Fishing vessel nationality filter state + const [hiddenFishingNats, setHiddenFishingNats] = useState>(new Set()); + const toggleFishingNat = useCallback((nat: string) => { + setHiddenFishingNats(prev => { + const next = new Set(prev); + if (next.has(nat)) { next.delete(nat); } else { next.add(nat); } + return next; + }); + }, []); + const [flyToTarget, setFlyToTarget] = useState(null); // 1시간마다 전체 데이터 강제 리프레시 @@ -154,6 +182,7 @@ function AuthenticatedApp({ user, onLogout }: AuthenticatedAppProps) { isLive, hiddenAcCategories, hiddenShipCategories, + hiddenNationalities, refreshKey, }); @@ -278,6 +307,15 @@ function AuthenticatedApp({ user, onLogout }: AuthenticatedAppProps) { 🚢 {t('filters.ferryWatch')} + )} @@ -413,6 +451,7 @@ function AuthenticatedApp({ user, onLogout }: AuthenticatedAppProps) { { key: 'koreanShips', label: `\u{1F1F0}\u{1F1F7} ${t('layers.koreanShips')}`, color: '#00e5ff', count: iranData.koreanShips.length }, { key: 'airports', label: t('layers.airports'), color: '#f59e0b' }, { key: 'oilFacilities', label: t('layers.oilFacilities'), color: '#d97706' }, + { key: 'meFacilities', label: '주요시설/군사', color: '#ef4444', count: 35 }, { key: 'sensorCharts', label: t('layers.sensorCharts'), color: '#22c55e' }, ]} hiddenAcCategories={hiddenAcCategories} @@ -532,20 +571,35 @@ function AuthenticatedApp({ user, onLogout }: AuthenticatedAppProps) { shipTotal={koreaData.ships.length} satelliteCount={koreaData.satPositions.length} extraLayers={[ - { key: 'infra', label: t('layers.infra'), color: '#ffc107' }, - { key: 'cables', label: t('layers.cables'), color: '#00e5ff' }, - { key: 'cctv', label: t('layers.cctv'), color: '#ff6b6b', count: 15 }, - { key: 'airports', label: t('layers.airports'), color: '#a78bfa', count: 16 }, - { key: 'coastGuard', label: t('layers.coastGuard'), color: '#4dabf7', count: 46 }, - { key: 'navWarning', label: t('layers.navWarning'), color: '#eab308' }, - { key: 'osint', label: t('layers.osint'), color: '#ef4444' }, - { key: 'eez', label: t('layers.eez'), color: '#3b82f6' }, - { key: 'piracy', label: t('layers.piracy'), color: '#ef4444' }, + // 해양안전 + { key: 'cables', label: t('layers.cables'), color: '#00e5ff', group: '해양안전' }, + { key: 'cctv', label: t('layers.cctv'), color: '#ff6b6b', count: 15, group: '해양안전' }, + { key: 'coastGuard', label: t('layers.coastGuard'), color: '#4dabf7', count: 56, group: '해양안전' }, + { key: 'navWarning', label: t('layers.navWarning'), color: '#eab308', group: '해양안전' }, + { key: 'osint', label: t('layers.osint'), color: '#ef4444', group: '해양안전' }, + { key: 'eez', label: t('layers.eez'), color: '#3b82f6', group: '해양안전' }, + { key: 'piracy', label: t('layers.piracy'), color: '#ef4444', group: '해양안전' }, + { key: 'nkMissile', label: '🚀 미사일 낙하', color: '#ef4444', count: 4, group: '해양안전' }, + { key: 'cnFishing', label: '🎣 중국어선 어구', color: '#f97316', group: '해양안전' }, + // 국가기관망 + { key: 'infra', label: t('layers.infra'), color: '#ffc107', group: '국가기관망' }, + { key: 'airports', label: t('layers.airports'), color: '#a78bfa', count: 59, group: '국가기관망' }, + { key: 'windFarm', label: '풍력단지', color: '#00bcd4', count: 8, group: '국가기관망' }, + { key: 'ports', label: '항구', color: '#3b82f6', count: 46, group: '국가기관망' }, + { key: 'militaryBases', label: '군사시설', color: '#ef4444', count: 38, group: '국가기관망' }, + { key: 'govBuildings', label: '정부기관', color: '#f59e0b', count: 32, group: '국가기관망' }, + { key: 'nkLaunch', label: '🇰🇵 발사/포병진지', color: '#dc2626', count: 19, group: '국가기관망' }, ]} hiddenAcCategories={hiddenAcCategories} hiddenShipCategories={hiddenShipCategories} onAcCategoryToggle={toggleAcCategory} onShipCategoryToggle={toggleShipCategory} + shipsByNationality={koreaData.shipsByNationality} + hiddenNationalities={hiddenNationalities} + onNationalityToggle={toggleNationality} + fishingByNationality={koreaData.fishingByNationality} + hiddenFishingNats={hiddenFishingNats} + onFishingNatToggle={toggleFishingNat} /> diff --git a/frontend/src/components/common/EventLog.tsx b/frontend/src/components/common/EventLog.tsx index 0481666..be8818f 100644 --- a/frontend/src/components/common/EventLog.tsx +++ b/frontend/src/components/common/EventLog.tsx @@ -1,8 +1,10 @@ -import { useMemo } from 'react'; +import { useMemo, useState, useCallback } from 'react'; import { useTranslation } from 'react-i18next'; import type { GeoEvent, Ship } from '../../types'; import type { OsintItem } from '../../services/osint'; import { getMarineTrafficCategory } from '../../utils/marineTraffic'; +import { aggregateFishingStats, GEAR_LABELS } from '../../utils/fishingAnalysis'; +import type { FishingGearType } from '../../utils/fishingAnalysis'; type DashboardTab = 'iran' | 'korea'; @@ -346,6 +348,14 @@ function useTimeAgo() { export function EventLog({ events, currentTime, totalShipCount: _totalShipCount, koreanShips, koreanShipsByCategory: _koreanShipsByCategory, chineseShips = [], osintFeed = EMPTY_OSINT, isLive = false, dashboardTab = 'iran', onTabChange: _onTabChange, ships = EMPTY_SHIPS, highlightKoreanShips = false, onToggleHighlightKorean, onShipHover, onShipClick }: Props) { const { t } = useTranslation(['common', 'events', 'ships']); const timeAgo = useTimeAgo(); + const [collapsed, setCollapsed] = useState>(new Set(['kr-ships', 'cn-ships'])); + const toggleCollapse = useCallback((key: string) => { + setCollapsed(prev => { + const next = new Set(prev); + if (next.has(key)) next.delete(key); else next.add(key); + return next; + }); + }, []); const visibleEvents = useMemo( () => events.filter(e => e.timestamp <= currentTime).reverse(), @@ -459,11 +469,13 @@ export function EventLog({ events, currentTime, totalShipCount: _totalShipCount, {/* OSINT Live Feed (live mode) */} {isLive && osintFeed.length > 0 && ( <> -
+
toggleCollapse('osint-live')}> + {collapsed.has('osint-live') ? '▶' : '▼'} {t('events:osint.liveTitle')} {osintFeed.length}
+ {!collapsed.has('osint-live') && (
{osintFeed.map(item => { const catColor = OSINT_CAT_COLORS[item.category] || OSINT_CAT_COLORS.general; @@ -490,6 +502,7 @@ export function EventLog({ events, currentTime, totalShipCount: _totalShipCount, ); })}
+ )} )} {isLive && osintFeed.length === 0 && ( @@ -579,7 +592,8 @@ export function EventLog({ events, currentTime, totalShipCount: _totalShipCount, {/* 한국 선박 현황 — 선종별 분류 */}
-
+
toggleCollapse('kr-ships')}> + {collapsed.has('kr-ships') ? '▶' : '▼'} {'\u{1F1F0}\u{1F1F7}'} {t('ships:shipStatus.koreanTitle')} {koreanShips.length}{t('common:units.vessels')} @@ -594,7 +608,7 @@ export function EventLog({ events, currentTime, totalShipCount: _totalShipCount, )}
- {koreanShips.length > 0 && (() => { + {!collapsed.has('kr-ships') && koreanShips.length > 0 && (() => { const groups: Record = {}; for (const s of koreanShips) { const cat = getMarineTrafficCategory(s.typecode, s.category); @@ -613,19 +627,17 @@ export function EventLog({ events, currentTime, totalShipCount: _totalShipCount, const moving = list.filter(s => s.speed > 0.5).length; const anchored = list.length - moving; return ( -
- - {mtLabel} - - {list.length}{t('common:units.vessels')} - - - {moving > 0 && {t('ships:status.underway')} {moving}} - {anchored > 0 && {t('ships:status.anchored')} {anchored}} + + {mtLabel} + + {list.length}{t('common:units.vessels')} + {t('ships:status.underway')} {moving} + {t('ships:status.anchored')} {anchored}
); })} @@ -636,12 +648,13 @@ export function EventLog({ events, currentTime, totalShipCount: _totalShipCount, {/* 중국 선박 현황 */}
-
+
toggleCollapse('cn-ships')}> + {collapsed.has('cn-ships') ? '▶' : '▼'} {'\u{1F1E8}\u{1F1F3}'} {t('ships:shipStatus.chineseTitle')} {chineseShips.length}{t('common:units.vessels')}
- {chineseShips.length > 0 && (() => { + {!collapsed.has('cn-ships') && chineseShips.length > 0 && (() => { const groups: Record = {}; for (const s of chineseShips) { const cat = getMarineTrafficCategory(s.typecode, s.category); @@ -669,19 +682,17 @@ export function EventLog({ events, currentTime, totalShipCount: _totalShipCount, const moving = list.filter(s => s.speed > 0.5).length; const anchored = list.length - moving; return ( -
- - {mtLabel} - - {list.length}{t('common:units.vessels')} - - - {moving > 0 && {t('ships:status.underway')} {moving}} - {anchored > 0 && {t('ships:status.anchored')} {anchored}} + + {mtLabel} + + {list.length}{t('common:units.vessels')} + {t('ships:status.underway')} {moving} + {t('ships:status.anchored')} {anchored}
); })} @@ -690,10 +701,71 @@ export function EventLog({ events, currentTime, totalShipCount: _totalShipCount, })()}
+ {/* 중국 어선 조업 분석 (GC-KCG-2026-001 기반) */} + {chineseShips.length > 0 && (() => { + const stats = aggregateFishingStats(chineseShips); + if (stats.total === 0) return null; + const gearOrder: FishingGearType[] = ['trawl_pair', 'trawl_single', 'gillnet', 'stow_net', 'purse_seine', 'carrier', 'unknown']; + + return ( +
+
toggleCollapse('cn-fishing')}> + {collapsed.has('cn-fishing') ? '▶' : '▼'} + 🎣 + 중국어선 조업분석 ({stats.total}척) + + {stats.operating}척 조업중 + +
+ {/* 위험 경보 */} + {!collapsed.has('cn-fishing') && (stats.critical > 0 || stats.high > 0) && ( +
+ 🚨 + + {stats.critical > 0 && `CRITICAL ${stats.critical}척`} + {stats.critical > 0 && stats.high > 0 && ' · '} + {stats.high > 0 && `HIGH ${stats.high}척`} + +
+ )} + {/* 조업/비조업 요약 + 어구별 분류 */} + {!collapsed.has('cn-fishing') && ( + <> +
+ 🔴 조업 {stats.operating} + 🟢 비조업 {stats.idle} + 총 {stats.total}척 +
+
+ {gearOrder.map(gear => { + const count = stats.byGear[gear]; + if (!count) return null; + const info = GEAR_LABELS[gear]; + return ( +
+ {info.icon} + {info.ko} + + {count}척 + +
+ ); + })} +
+ + )} +
+ ); + })()} + {/* OSINT 피드 — 한국: 일반(general) 제외, 해양 관련만 표시 (라이브/리플레이 모두) */} {osintFeed.length > 0 && ( <> -
+
toggleCollapse('osint-korea')}> + {collapsed.has('osint-korea') ? '▶' : '▼'} {'\u{1F1F0}\u{1F1F7}'} {t('events:osint.koreaLiveTitle')} {(() => { @@ -707,6 +779,7 @@ export function EventLog({ events, currentTime, totalShipCount: _totalShipCount, }).length; })()}
+ {!collapsed.has('osint-korea') && (
{(() => { const filtered = osintFeed.filter(item => item.category !== 'general' && item.category !== 'oil'); @@ -742,6 +815,7 @@ export function EventLog({ events, currentTime, totalShipCount: _totalShipCount, ); })}
+ )} )} {osintFeed.length === 0 && ( diff --git a/frontend/src/components/common/LayerPanel.tsx b/frontend/src/components/common/LayerPanel.tsx index 72fd261..1d1ecdc 100644 --- a/frontend/src/components/common/LayerPanel.tsx +++ b/frontend/src/components/common/LayerPanel.tsx @@ -40,6 +40,7 @@ const MT_CAT_COLORS: Record = { tanker: 'var(--kcg-ship-tanker)', passenger: 'var(--kcg-ship-passenger)', fishing: 'var(--kcg-ship-fishing)', + fishing_gear: '#f97316', military: 'var(--kcg-ship-military)', tug_special: 'var(--kcg-ship-tug)', high_speed: 'var(--kcg-ship-highspeed)', @@ -55,6 +56,7 @@ const SHIP_TYPE_LEGEND: [string, string][] = [ ['tanker', 'var(--kcg-ship-tanker)'], ['passenger', 'var(--kcg-ship-passenger)'], ['fishing', 'var(--kcg-ship-fishing)'], + ['fishing_gear', '#f97316'], ['pleasure', 'var(--kcg-ship-pleasure)'], ['military', 'var(--kcg-ship-military)'], ['tug_special', 'var(--kcg-ship-tug)'], @@ -63,15 +65,54 @@ const SHIP_TYPE_LEGEND: [string, string][] = [ ]; const AC_CATEGORIES = ['fighter', 'military', 'surveillance', 'tanker', 'cargo', 'civilian', 'unknown'] as const; -const MT_CATEGORIES = ['cargo', 'tanker', 'passenger', 'fishing', 'military', 'tug_special', 'high_speed', 'pleasure', 'other', 'unspecified'] as const; +const MT_CATEGORIES = ['cargo', 'tanker', 'passenger', 'fishing', 'fishing_gear', 'military', 'tug_special', 'high_speed', 'pleasure', 'other', 'unspecified'] as const; + +// Nationality categories for Korea tab +const NAT_CATEGORIES = ['KR', 'CN', 'KP', 'JP', 'unclassified'] as const; + +// Fishing vessel nationality categories +const FISHING_NAT_CATEGORIES = ['CN', 'KR', 'JP', 'other'] as const; +const FISHING_NAT_LABELS: Record = { + CN: '🇨🇳 중국어선', + KR: '🇰🇷 한국어선', + JP: '🇯🇵 일본어선', + other: '🏳️ 기타어선', +}; +const FISHING_NAT_COLORS: Record = { + CN: '#ef4444', + KR: '#3b82f6', + JP: '#f472b6', + other: '#6b7280', +}; +const NAT_LABELS: Record = { + KR: '🇰🇷 한국', + CN: '🇨🇳 중국', + KP: '🇰🇵 북한', + JP: '🇯🇵 일본', + unclassified: '🏳️ 미분류', +}; +const NAT_COLORS: Record = { + KR: '#3b82f6', + CN: '#ef4444', + KP: '#f97316', + JP: '#f472b6', + unclassified: '#6b7280', +}; interface ExtraLayer { key: string; label: string; color: string; count?: number; + group?: string; } +const GROUP_META: Record = { + '항공망': { label: '항공망', color: '#22d3ee' }, + '국가기관망': { label: '국가기관망', color: '#f59e0b' }, + '해양안전': { label: '해양안전', color: '#3b82f6' }, +}; + interface LayerPanelProps { layers: Record; onToggle: (key: string) => void; @@ -85,6 +126,12 @@ interface LayerPanelProps { hiddenShipCategories: Set; onAcCategoryToggle: (cat: string) => void; onShipCategoryToggle: (cat: string) => void; + shipsByNationality?: Record; + hiddenNationalities?: Set; + onNationalityToggle?: (nat: string) => void; + fishingByNationality?: Record; + hiddenFishingNats?: Set; + onFishingNatToggle?: (nat: string) => void; } export function LayerPanel({ @@ -100,9 +147,15 @@ export function LayerPanel({ hiddenShipCategories, onAcCategoryToggle, onShipCategoryToggle, + shipsByNationality, + hiddenNationalities, + onNationalityToggle, + fishingByNationality, + hiddenFishingNats, + onFishingNatToggle, }: LayerPanelProps) { const { t } = useTranslation(['common', 'ships']); - const [expanded, setExpanded] = useState>(new Set(['aircraft', 'ships'])); + const [expanded, setExpanded] = useState>(new Set(['ships'])); const [legendOpen, setLegendOpen] = useState>(new Set()); const toggleExpand = useCallback((key: string) => { @@ -129,84 +182,7 @@ export function LayerPanel({

LAYERS

- {/* Aircraft tree */} - onToggle('aircraft')} - onExpand={() => toggleExpand('aircraft')} - /> - {layers.aircraft && expanded.has('aircraft') && ( -
- {AC_CATEGORIES.map(cat => { - const count = aircraftByCategory[cat] || 0; - if (count === 0) return null; - return ( -
- )} - + {/* ═══ 선박 (최상위) ═══ */} {/* Ships tree */} { const count = shipsByMtCategory[cat] || 0; if (count === 0) return null; + + // 어선은 국적별 하위 분류 표시 + if (cat === 'fishing' && fishingByNationality && hiddenFishingNats && onFishingNatToggle) { + const isFishingExpanded = expanded.has('fishing-sub'); + return ( +
+
+ { e.stopPropagation(); toggleExpand('fishing-sub'); }} + > + {isFishingExpanded ? '▼' : '▶'} + +
+
+
+ {isFishingExpanded && !hiddenShipCategories.has('fishing') && ( +
+ {FISHING_NAT_CATEGORIES.map(nat => { + const fCount = fishingByNationality[nat] || 0; + if (fCount === 0) return null; + return ( +
+ )} +
+ ); + } + return ( toggleLegend('shipType')} - > - {legendOpen.has('shipType') ? '\u25BC' : '\u25B6'} {t('legend.vesselType')} - - {legendOpen.has('shipType') && ( -
-
- {SHIP_TYPE_LEGEND.map(([key, color]) => ( -
- - {t(`ships:mtType.${key}`, key)} + {/* Ship type legend (Korea tab only) */} + {shipsByNationality && ( + <> + + {legendOpen.has('shipType') && ( +
+
+ {SHIP_TYPE_LEGEND.map(([key, color]) => ( +
+ + {t(`ships:mtType.${key}`, key)} +
+ ))}
- ))} -
-
+
+ )} + )} +
)} - {/* Satellites (simple toggle) */} - onToggle('satellites')} - /> + {/* Nationality tree (Korea tab only) */} + {shipsByNationality && hiddenNationalities && onNationalityToggle && ( + <> + a + b, 0)})`} + color="#8b5cf6" + active + expandable + isExpanded={expanded.has('nationality')} + onToggle={() => toggleExpand('nationality')} + onExpand={() => toggleExpand('nationality')} + /> + {expanded.has('nationality') && ( +
+ {NAT_CATEGORIES.map(nat => { + const count = shipsByNationality[nat] || 0; + if (count === 0) return null; + return ( +
+ )} + + )} - {/* Extra layers (tab-specific) */} - {extraLayers && extraLayers.map(el => ( - onToggle(el.key)} - /> - ))} + {/* ═══ 항공망 그룹 ═══ */} + toggleExpand('group-항공망')} + onExpand={() => toggleExpand('group-항공망')} + /> + {expanded.has('group-항공망') && ( +
+ {/* Aircraft tree */} + onToggle('aircraft')} + onExpand={() => toggleExpand('aircraft')} + /> + {layers.aircraft && expanded.has('aircraft') && ( +
+ {AC_CATEGORIES.map(cat => { + const count = aircraftByCategory[cat] || 0; + if (count === 0) return null; + return ( +
+ )} + {/* Satellites */} + onToggle('satellites')} + /> +
+ )} + + {/* Extra layers — grouped */} + {extraLayers && (() => { + const grouped: Record = {}; + const ungrouped: ExtraLayer[] = []; + for (const el of extraLayers) { + if (el.group) { + if (!grouped[el.group]) grouped[el.group] = []; + grouped[el.group].push(el); + } else { + ungrouped.push(el); + } + } + return ( + <> + {/* Grouped layers */} + {Object.entries(grouped).map(([groupName, items]) => { + const meta = GROUP_META[groupName] || { label: groupName, color: '#888' }; + const isGroupExpanded = expanded.has(`group-${groupName}`); + return ( +
+ toggleExpand(`group-${groupName}`)} + onExpand={() => toggleExpand(`group-${groupName}`)} + /> + {isGroupExpanded && ( +
+ {items.map(el => ( + onToggle(el.key)} + /> + ))} +
+ )} +
+ ); + })} + {/* Ungrouped layers */} + {ungrouped.map(el => ( + onToggle(el.key)} + /> + ))} + + ); + })()}
diff --git a/frontend/src/components/icons/FishingNetIcon.tsx b/frontend/src/components/icons/FishingNetIcon.tsx new file mode 100644 index 0000000..8642d67 --- /dev/null +++ b/frontend/src/components/icons/FishingNetIcon.tsx @@ -0,0 +1,121 @@ +// ═══ 어구/어망 아이콘 — 그물망 형태 SVG ═══ + +interface Props { + color?: string; + size?: number; +} + +/** 기본 어망 아이콘 (반달형 그물 + 부표) */ +export function FishingNetIcon({ color = '#f97316', size = 16 }: Props) { + return ( + + {/* 그물망 곡선 (반달형) */} + + {/* 가로 그물선 */} + + + {/* 세로 그물선 */} + + + + {/* 대각선 그물 */} + + + + + {/* 부표 (상단 구슬) */} + + + + + + + ); +} + +/** 트롤(저인망) 아이콘 — 자루형 그물 */ +export function TrawlNetIcon({ color = '#ef4444', size = 16 }: Props) { + return ( + + {/* 자루형 망 */} + + {/* 그물 패턴 */} + + + + + + {/* 전개판 */} + + + + ); +} + +/** 자망(유자망) 아이콘 — 수직 그물벽 */ +export function GillnetIcon({ color = '#f97316', size = 16 }: Props) { + return ( + + {/* 수직 그물 */} + + + + + + + {/* 가로 연결 */} + + + + {/* 상단 부표 */} + + + + + {/* 하단 침자 */} + + + + + + ); +} + +/** 안강망(Stow net) 아이콘 — 조류 방향 자루형 */ +export function StowNetIcon({ color = '#eab308', size = 16 }: Props) { + return ( + + {/* 프레임 */} + + {/* 자루 */} + + {/* 그물 패턴 */} + + + + + {/* 조류 화살표 */} + + + ); +} + +/** 선망(위망) 아이콘 — 원형 포위 그물 */ +export function PurseSeineIcon({ color = '#3b82f6', size = 16 }: Props) { + return ( + + {/* 원형 그물 */} + + {/* 그물 패턴 */} + + + + {/* 죔줄 */} + + {/* 부표 */} + + + + + ); +} diff --git a/frontend/src/components/iran/MEFacilityLayer.tsx b/frontend/src/components/iran/MEFacilityLayer.tsx new file mode 100644 index 0000000..b6ca041 --- /dev/null +++ b/frontend/src/components/iran/MEFacilityLayer.tsx @@ -0,0 +1,80 @@ +import { memo, useState } from 'react'; +import { Marker, Popup } from 'react-map-gl/maplibre'; +import { ME_FACILITIES, ME_FACILITY_TYPE_META } from '../../data/middleEastFacilities'; +import type { MEFacility } from '../../data/middleEastFacilities'; + +export const MEFacilityLayer = memo(function MEFacilityLayer() { + const [selected, setSelected] = useState(null); + + return ( + <> + {ME_FACILITIES.map(f => { + const meta = ME_FACILITY_TYPE_META[f.type]; + return ( + { e.originalEvent.stopPropagation(); setSelected(f); }}> +
+
+ {meta.icon} +
+
+ {f.nameKo.length > 12 ? f.nameKo.slice(0, 12) + '..' : f.nameKo} +
+
+ + ); + })} + + {selected && (() => { + const meta = ME_FACILITY_TYPE_META[selected.type]; + return ( + setSelected(null)} closeOnClick={false} + anchor="bottom" maxWidth="320px" className="gl-popup"> +
+
+ {selected.flag} + {meta.icon} {selected.nameKo} +
+
+ + {meta.label} + + + {selected.country} + +
+
+ {selected.description} +
+
+ {selected.name} +
+
+ {selected.lat.toFixed(4)}°{selected.lat >= 0 ? 'N' : 'S'}, {selected.lng.toFixed(4)}°E +
+
+ + ); + })()} + + ); +}); diff --git a/frontend/src/components/iran/ReplayMap.tsx b/frontend/src/components/iran/ReplayMap.tsx index 3bf4a99..cdf25c1 100644 --- a/frontend/src/components/iran/ReplayMap.tsx +++ b/frontend/src/components/iran/ReplayMap.tsx @@ -9,6 +9,7 @@ import { DamagedShipLayer } from '../layers/DamagedShipLayer'; import { SeismicMarker } from '../layers/SeismicMarker'; import { OilFacilityLayer } from './OilFacilityLayer'; import { AirportLayer } from './AirportLayer'; +import { MEFacilityLayer } from './MEFacilityLayer'; import { iranOilFacilities } from '../../data/oilFacilities'; import { middleEastAirports } from '../../data/airports'; import type { GeoEvent, Aircraft, SatellitePosition, Ship, LayerVisibility } from '../../types'; @@ -433,6 +434,7 @@ export function ReplayMap({ events, currentTime, aircraft, satellites, ships, la {seismicMarker && } {layers.airports && } {layers.oilFacilities && } + {layers.meFacilities && } ); } diff --git a/frontend/src/components/iran/SatelliteMap.tsx b/frontend/src/components/iran/SatelliteMap.tsx index 67d854f..eb2bc9a 100644 --- a/frontend/src/components/iran/SatelliteMap.tsx +++ b/frontend/src/components/iran/SatelliteMap.tsx @@ -9,6 +9,7 @@ import { DamagedShipLayer } from '../layers/DamagedShipLayer'; import { SeismicMarker } from '../layers/SeismicMarker'; import { OilFacilityLayer } from './OilFacilityLayer'; import { AirportLayer } from './AirportLayer'; +import { MEFacilityLayer } from './MEFacilityLayer'; import { iranOilFacilities } from '../../data/oilFacilities'; import { middleEastAirports } from '../../data/airports'; import type { GeoEvent, Aircraft, SatellitePosition, Ship, LayerVisibility } from '../../types'; @@ -271,6 +272,7 @@ export function SatelliteMap({ events, currentTime, aircraft, satellites, ships, {seismicMarker && } {layers.oilFacilities && } {layers.airports && } + {layers.meFacilities && } ); } diff --git a/frontend/src/components/korea/CctvLayer.tsx b/frontend/src/components/korea/CctvLayer.tsx index 30604e1..8ffae6c 100644 --- a/frontend/src/components/korea/CctvLayer.tsx +++ b/frontend/src/components/korea/CctvLayer.tsx @@ -12,9 +12,9 @@ const REGION_COLOR: Record = { '동해': '#74c0fc', }; -/** KHOA HLS → vite 프록시 경유 */ +/** 백엔드 프록시 경유 — streamUrl이 이미 /api/kcg/cctv/hls/... 형태 */ function toProxyUrl(cam: CctvCamera): string { - return cam.streamUrl.replace('https://www.khoa.go.kr', '/api/khoa-hls'); + return cam.streamUrl; } export function CctvLayer() { @@ -55,39 +55,48 @@ export function CctvLayer() { setSelected(null)} closeOnClick={false} anchor="bottom" maxWidth="280px" className="gl-popup"> -
+
+ {/* 헤더 - 팝업 가장자리까지 꽉 채움 */}
📹 {selected.name}
-
- + {/* 태그 */} +
+ ● {t('cctv.live')} {selected.region} - + {t(`cctv.type.${selected.type}`, { defaultValue: selected.type })} - + {t('cctv.khoa')}
-
-
- {selected.lat.toFixed(4)}°N, {selected.lng.toFixed(4)}°E -
- + {/* 좌표 */} +
+ {selected.lat.toFixed(4)}°N, {selected.lng.toFixed(4)}°E
+ {/* 버튼 */} +
)} @@ -172,18 +181,26 @@ function CctvStreamModal({ cam, onClose }: { cam: CctvCamera; onClose: () => voi {/* Modal */}
e.stopPropagation()} - className="w-[640px] max-w-[90vw] bg-kcg-bg rounded-lg overflow-hidden" + className="bg-kcg-bg rounded-lg overflow-hidden" style={{ + width: 640, + maxWidth: '90vw', border: `1px solid ${color}`, boxShadow: `0 0 40px ${color}33, 0 4px 30px rgba(0,0,0,0.8)`, }} > {/* Header */} -
-
+
+
@@ -191,13 +208,14 @@ function CctvStreamModal({ cam, onClose }: { cam: CctvCamera; onClose: () => voi 📹 {cam.name} {cam.region}
@@ -212,7 +230,7 @@ function CctvStreamModal({ cam, onClose }: { cam: CctvCamera; onClose: () => voi {status === 'loading' && (
📹
-
{t('cctv.connectingEllipsis')}
+
{t('cctv.connectingEllipsis')}
)} @@ -224,7 +242,8 @@ function CctvStreamModal({ cam, onClose }: { cam: CctvCamera; onClose: () => voi href={cam.url} target="_blank" rel="noopener noreferrer" - className="text-[10px] text-kcg-accent font-mono underline" + className="text-kcg-accent font-mono underline" + style={{ fontSize: 10 }} >{t('cctv.viewOnBadatime')}
)} @@ -232,14 +251,14 @@ function CctvStreamModal({ cam, onClose }: { cam: CctvCamera; onClose: () => voi {status === 'playing' && ( <>
- + {cam.name} - + ● {t('cctv.rec')}
-
+
{cam.lat.toFixed(4)}°N {cam.lng.toFixed(4)}°E · {t('cctv.khoa')}
@@ -247,7 +266,10 @@ function CctvStreamModal({ cam, onClose }: { cam: CctvCamera; onClose: () => voi
{/* Footer info */} -
+
{cam.lat.toFixed(4)}°N {cam.lng.toFixed(4)}°E {t('cctv.khoaFull')}
diff --git a/frontend/src/components/korea/ChineseFishingOverlay.tsx b/frontend/src/components/korea/ChineseFishingOverlay.tsx new file mode 100644 index 0000000..6131f3b --- /dev/null +++ b/frontend/src/components/korea/ChineseFishingOverlay.tsx @@ -0,0 +1,267 @@ +import { useMemo } from 'react'; +import { Marker, Source, Layer } from 'react-map-gl/maplibre'; +import type { Ship } from '../../types'; +import { analyzeFishing, GEAR_LABELS } from '../../utils/fishingAnalysis'; +import type { FishingGearType } from '../../utils/fishingAnalysis'; +import { getMarineTrafficCategory } from '../../utils/marineTraffic'; +import { FishingNetIcon, TrawlNetIcon, GillnetIcon, StowNetIcon, PurseSeineIcon } from '../icons/FishingNetIcon'; + +/** 어구 아이콘 컴포넌트 매핑 */ +function GearIcon({ gear, size = 14 }: { gear: FishingGearType; size?: number }) { + const meta = GEAR_LABELS[gear]; + const color = meta?.color || '#888'; + switch (gear) { + case 'trawl_pair': + case 'trawl_single': + return ; + case 'gillnet': + return ; + case 'stow_net': + return ; + case 'purse_seine': + return ; + default: + return ; + } +} + +/** 선박 역할 추정 — 속도/크기/카테고리 기반 */ +function estimateRole(ship: Ship): { role: string; roleKo: string; color: string } { + const mtCat = getMarineTrafficCategory(ship.typecode, ship.category); + const speed = ship.speed; + const len = ship.length || 0; + + // 운반선: 화물선/대형/미분류 + 저속 + if (mtCat === 'cargo' || (mtCat === 'unspecified' && len > 50)) { + return { role: 'FC', roleKo: '운반', color: '#f97316' }; + } + + // 어선 분류 + if (mtCat === 'fishing' || ship.category === 'fishing') { + // 대형(>200톤급, 길이 40m+) → 본선 + if (len >= 40) { + return { role: 'PT', roleKo: '본선', color: '#ef4444' }; + } + // 소형(<30m) + 트롤 속도 → 부속선 + if (len > 0 && len < 30 && speed >= 2 && speed <= 5) { + return { role: 'PT-S', roleKo: '부속', color: '#fb923c' }; + } + // 기본 어선 + return { role: 'FV', roleKo: '어선', color: '#22c55e' }; + } + + return { role: '', roleKo: '', color: '#6b7280' }; +} + +/** + * 어구/어망 이름에서 모선명 추출 + * 패턴: "중국명칭숫자5자리_숫자_숫자" → 앞부분이 모선명 + * 예: "鲁荣渔12345_1_2" → "鲁荣渔12345" + * "浙象渔05678_3_1" → "浙象渔05678" + * 또는 "이름%" → "이름" 부분이 모선명 + */ +function extractParentName(gearName: string): string | null { + // 패턴1: 이름_숫자_숫자 또는 이름_숫자_ + const m1 = gearName.match(/^(.+?)_\d+_\d*$/); + if (m1) return m1[1].trim(); + const m2 = gearName.match(/^(.+?)_\d+_$/); + if (m2) return m2[1].trim(); + // 패턴2: 이름% + if (gearName.endsWith('%')) return gearName.slice(0, -1).trim(); + return null; +} + +interface GearToParentLink { + gear: Ship; + parent: Ship; + parentName: string; +} + +interface Props { + ships: Ship[]; +} + +export function ChineseFishingOverlay({ ships }: Props) { + // 중국 어선만 필터링 + const chineseFishing = useMemo(() => { + return ships.filter(s => { + if (s.flag !== 'CN') return false; + const cat = getMarineTrafficCategory(s.typecode, s.category); + return cat === 'fishing' || s.category === 'fishing'; + }); + }, [ships]); + + // 조업 분석 결과 + const analyzed = useMemo(() => { + return chineseFishing.map(s => ({ + ship: s, + analysis: analyzeFishing(s), + role: estimateRole(s), + })); + }, [chineseFishing]); + + // 조업 중인 선박만 (어구 아이콘 표시용) + const operating = useMemo(() => analyzed.filter(a => a.analysis.isOperating), [analyzed]); + + // 어구/어망 → 모선 연결 탐지 + const gearLinks: GearToParentLink[] = useMemo(() => { + // 어구/어망 선박 (이름_숫자_ 또는 이름% 패턴) + const gearPattern = /^.+_\d+_\d*$|%$/; + const gearShips = ships.filter(s => gearPattern.test(s.name)); + + if (gearShips.length === 0) return []; + + // 모선 후보 (모든 선박의 이름 → Ship 매핑) + const nameMap = new Map(); + for (const s of ships) { + if (!gearPattern.test(s.name) && s.name) { + // 정확한 이름 매핑 + nameMap.set(s.name.trim(), s); + } + } + + const links: GearToParentLink[] = []; + for (const gear of gearShips) { + const parentName = extractParentName(gear.name); + if (!parentName) continue; + + // 정확히 일치하는 모선 찾기 + let parent = nameMap.get(parentName); + + // 정확 매칭 없으면 부분 매칭 (앞부분이 같은 선박) + if (!parent) { + for (const [name, ship] of nameMap) { + if (name.startsWith(parentName) || parentName.startsWith(name)) { + parent = ship; + break; + } + } + } + + if (parent) { + links.push({ gear, parent, parentName }); + } + } + return links; + }, [ships]); + + // 어구-모선 연결선 GeoJSON + const gearLineGeoJson = useMemo(() => ({ + type: 'FeatureCollection' as const, + features: gearLinks.map(link => ({ + type: 'Feature' as const, + properties: { gearMmsi: link.gear.mmsi, parentMmsi: link.parent.mmsi }, + geometry: { + type: 'LineString' as const, + coordinates: [ + [link.gear.lng, link.gear.lat], + [link.parent.lng, link.parent.lat], + ], + }, + })), + }), [gearLinks]); + + // 운반선 추정 (중국 화물선 중 어선 근처) + const carriers = useMemo(() => { + return ships.filter(s => { + if (s.flag !== 'CN') return false; + const cat = getMarineTrafficCategory(s.typecode, s.category); + if (cat !== 'cargo' && cat !== 'unspecified') return false; + // 어선 5NM 이내에 있는 화물선 + return chineseFishing.some(f => { + const dlat = Math.abs(s.lat - f.lat); + const dlng = Math.abs(s.lng - f.lng); + return dlat < 0.08 && dlng < 0.08; // ~5NM 근사 + }); + }).slice(0, 50); // 최대 50척 + }, [ships, chineseFishing]); + + return ( + <> + {/* 어구/어망 → 모선 연결선 */} + {gearLineGeoJson.features.length > 0 && ( + + + + )} + + {/* 어구/어망 위치 마커 (모선 연결된 것) */} + {gearLinks.map(link => ( + +
+ +
+
+ ← {link.parentName} +
+ + ))} + + {/* 조업 중 어선 — 어구 아이콘 */} + {operating.map(({ ship, analysis }) => { + const meta = GEAR_LABELS[analysis.gearType]; + return ( + +
+ +
+ + ); + })} + + {/* 본선/부속선/어선 역할 라벨 */} + {analyzed.filter(a => a.role.role).map(({ ship, role }) => ( + +
+ {role.roleKo} +
+ + ))} + + {/* 운반선 라벨 */} + {carriers.map(s => ( + +
+ 운반 +
+ + ))} + + ); +} diff --git a/frontend/src/components/korea/CoastGuardLayer.tsx b/frontend/src/components/korea/CoastGuardLayer.tsx index df10aef..623579c 100644 --- a/frontend/src/components/korea/CoastGuardLayer.tsx +++ b/frontend/src/components/korea/CoastGuardLayer.tsx @@ -10,6 +10,7 @@ const TYPE_COLOR: Record = { station: '#4dabf7', substation: '#69db7c', vts: '#da77f2', + navy: '#3b82f6', }; const TYPE_SIZE: Record = { @@ -18,6 +19,7 @@ const TYPE_SIZE: Record = { station: 16, substation: 13, vts: 14, + navy: 18, }; /** 해경 로고 SVG — 작은 방패+앵커 심볼 */ @@ -25,6 +27,17 @@ function CoastGuardIcon({ type, size }: { type: CoastGuardType; size: number }) const color = TYPE_COLOR[type]; const isVts = type === 'vts'; + if (type === 'navy') { + return ( + + + + + + + ); + } + if (isVts) { return ( @@ -76,6 +89,14 @@ export function CoastGuardLayer() { {f.name.replace('해양경찰청', '').replace('지방', '').trim() || '본청'}
)} + {f.type === 'navy' && ( +
+ {f.name.replace('해군', '').replace('사령부', '사').replace('전대', '전').replace('전단', '전').trim().slice(0, 8)} +
+ )} {f.type === 'vts' && (
setSelected(null)} closeOnClick={false} anchor="bottom" maxWidth="280px" className="gl-popup"> -
-
+
- {selected.name} + color: selected.type === 'vts' ? '#fff' : '#000', + gap: 6, padding: '6px 10px', + }}> + {selected.type === 'navy' ? ( + ⚓ + ) : selected.type === 'vts' ? ( + 📡 + ) : ( + 🚔 + )} + {selected.name}
-
+
+ color: selected.type === 'vts' ? '#fff' : '#000', + padding: '2px 8px', borderRadius: 3, fontSize: 10, fontWeight: 700, + }}> {CG_TYPE_LABEL[selected.type]} - + {t('coastGuard.agency')}
-
+
{selected.lat.toFixed(4)}°N, {selected.lng.toFixed(4)}°E
diff --git a/frontend/src/components/korea/GovBuildingLayer.tsx b/frontend/src/components/korea/GovBuildingLayer.tsx new file mode 100644 index 0000000..0ce0401 --- /dev/null +++ b/frontend/src/components/korea/GovBuildingLayer.tsx @@ -0,0 +1,96 @@ +import { useState } from 'react'; +import { Marker, Popup } from 'react-map-gl/maplibre'; +import { GOV_BUILDINGS } from '../../data/govBuildings'; +import type { GovBuilding } from '../../data/govBuildings'; + +const COUNTRY_STYLE: Record = { + CN: { color: '#ef4444', flag: '🇨🇳', label: '중국' }, + JP: { color: '#f472b6', flag: '🇯🇵', label: '일본' }, +}; + +const TYPE_STYLE: Record = { + executive: { icon: '🏛️', label: '행정부', color: '#f59e0b' }, + legislature: { icon: '🏛️', label: '입법부', color: '#a78bfa' }, + military_hq: { icon: '⭐', label: '군사본부', color: '#ef4444' }, + intelligence: { icon: '🔍', label: '정보기관', color: '#6366f1' }, + foreign: { icon: '🌐', label: '외교부', color: '#3b82f6' }, + maritime: { icon: '⚓', label: '해양기관', color: '#06b6d4' }, + defense: { icon: '🛡️', label: '국방부', color: '#dc2626' }, +}; + +export function GovBuildingLayer() { + const [selected, setSelected] = useState(null); + + return ( + <> + {GOV_BUILDINGS.map(g => { + const ts = TYPE_STYLE[g.type] || TYPE_STYLE.executive; + return ( + { e.originalEvent.stopPropagation(); setSelected(g); }}> +
+
+ {ts.icon} +
+
+ {g.nameKo.length > 10 ? g.nameKo.slice(0, 10) + '..' : g.nameKo} +
+
+ + ); + })} + + {selected && (() => { + const cs = COUNTRY_STYLE[selected.country] || COUNTRY_STYLE.CN; + const ts = TYPE_STYLE[selected.type] || TYPE_STYLE.executive; + return ( + setSelected(null)} closeOnClick={false} + anchor="bottom" maxWidth="320px" className="gl-popup"> +
+
+ {cs.flag} + {ts.icon} {selected.nameKo} +
+
+ + {ts.label} + + + {cs.label} + +
+
+ {selected.description} +
+
+ {selected.name} +
+
+ {selected.lat.toFixed(4)}°N, {selected.lng.toFixed(4)}°E +
+
+ + ); + })()} + + ); +} diff --git a/frontend/src/components/korea/KoreaAirportLayer.tsx b/frontend/src/components/korea/KoreaAirportLayer.tsx index 5c95573..8febd1d 100644 --- a/frontend/src/components/korea/KoreaAirportLayer.tsx +++ b/frontend/src/components/korea/KoreaAirportLayer.tsx @@ -4,6 +4,23 @@ import { Marker, Popup } from 'react-map-gl/maplibre'; import { KOREAN_AIRPORTS } from '../../services/airports'; import type { KoreanAirport } from '../../services/airports'; +const COUNTRY_COLOR: Record = { + KR: { intl: '#a78bfa', domestic: '#7c8aaa', flag: '🇰🇷', label: '한국' }, + CN: { intl: '#ef4444', domestic: '#b91c1c', flag: '🇨🇳', label: '중국' }, + JP: { intl: '#f472b6', domestic: '#9d174d', flag: '🇯🇵', label: '일본' }, + KP: { intl: '#f97316', domestic: '#c2410c', flag: '🇰🇵', label: '북한' }, + TW: { intl: '#10b981', domestic: '#059669', flag: '🇹🇼', label: '대만' }, +}; + +function getColor(ap: KoreanAirport) { + const cc = COUNTRY_COLOR[ap.country || 'KR'] || COUNTRY_COLOR.KR; + return ap.intl ? cc.intl : cc.domestic; +} + +function getCountryInfo(ap: KoreanAirport) { + return COUNTRY_COLOR[ap.country || 'KR'] || COUNTRY_COLOR.KR; +} + export function KoreaAirportLayer() { const [selected, setSelected] = useState(null); const { t } = useTranslation(); @@ -11,9 +28,8 @@ export function KoreaAirportLayer() { return ( <> {KOREAN_AIRPORTS.map(ap => { - const isIntl = ap.intl; - const color = isIntl ? '#a78bfa' : '#7c8aaa'; - const size = isIntl ? 20 : 16; + const color = getColor(ap); + const size = ap.intl ? 20 : 16; return ( { e.originalEvent.stopPropagation(); setSelected(ap); }}> @@ -37,37 +53,59 @@ export function KoreaAirportLayer() { ); })} - {selected && ( - setSelected(null)} closeOnClick={false} - anchor="bottom" maxWidth="260px" className="gl-popup"> -
-
- {selected.nameKo} -
-
- {selected.intl && ( - - {t('airport.international')} + {selected && (() => { + const color = getColor(selected); + const info = getCountryInfo(selected); + return ( + setSelected(null)} closeOnClick={false} + anchor="bottom" maxWidth="280px" className="gl-popup"> +
+
+ {info.flag} + {selected.nameKo} +
+
+ {selected.intl && ( + + {t('airport.international')} + + )} + {selected.domestic && ( + + {t('airport.domestic')} + + )} + + {info.label} - )} - {selected.domestic && ( - - {t('airport.domestic')} - - )} - - {selected.id} / {selected.icao} - +
+
+
IATA : {selected.id}
+
ICAO : {selected.icao}
+
+
+ {selected.lat.toFixed(4)}°N, {selected.lng.toFixed(4)}°E +
+
-
- {selected.lat.toFixed(4)}°N, {selected.lng.toFixed(4)}°E -
-
- - )} + + ); + })()} ); } diff --git a/frontend/src/components/korea/KoreaMap.tsx b/frontend/src/components/korea/KoreaMap.tsx index 3a5d0c3..807eb55 100644 --- a/frontend/src/components/korea/KoreaMap.tsx +++ b/frontend/src/components/korea/KoreaMap.tsx @@ -14,6 +14,13 @@ import { NavWarningLayer } from './NavWarningLayer'; import { OsintMapLayer } from './OsintMapLayer'; import { EezLayer } from './EezLayer'; import { PiracyLayer } from './PiracyLayer'; +import { WindFarmLayer } from './WindFarmLayer'; +import { PortLayer } from './PortLayer'; +import { MilitaryBaseLayer } from './MilitaryBaseLayer'; +import { GovBuildingLayer } from './GovBuildingLayer'; +import { NKLaunchLayer } from './NKLaunchLayer'; +import { NKMissileEventLayer } from './NKMissileEventLayer'; +import { ChineseFishingOverlay } from './ChineseFishingOverlay'; import { fetchKoreaInfra } from '../../services/infra'; import type { PowerFacility } from '../../services/infra'; import type { Ship, Aircraft, SatellitePosition } from '../../types'; @@ -255,6 +262,13 @@ export function KoreaMap({ ships, aircraft, satellites, layers, osintFeed, curre {layers.aircraft && aircraft.length > 0 && } {layers.cables && } {layers.cctv && } + {layers.windFarm && } + {layers.ports && } + {layers.militaryBases && } + {layers.govBuildings && } + {layers.nkLaunch && } + {layers.nkMissile && } + {layers.cnFishing && } {layers.airports && } {layers.coastGuard && } {layers.navWarning && } diff --git a/frontend/src/components/korea/MilitaryBaseLayer.tsx b/frontend/src/components/korea/MilitaryBaseLayer.tsx new file mode 100644 index 0000000..f33cd5e --- /dev/null +++ b/frontend/src/components/korea/MilitaryBaseLayer.tsx @@ -0,0 +1,108 @@ +import { useState } from 'react'; +import { Marker, Popup } from 'react-map-gl/maplibre'; +import { MILITARY_BASES } from '../../data/militaryBases'; +import type { MilitaryBase } from '../../data/militaryBases'; + +const COUNTRY_STYLE: Record = { + CN: { color: '#ef4444', flag: '🇨🇳', label: '중국' }, + JP: { color: '#f472b6', flag: '🇯🇵', label: '일본' }, + KP: { color: '#f97316', flag: '🇰🇵', label: '북한' }, + TW: { color: '#10b981', flag: '🇹🇼', label: '대만' }, +}; + +const TYPE_STYLE: Record = { + naval: { icon: '⚓', label: '해군기지', color: '#3b82f6' }, + airforce: { icon: '✈️', label: '공군기지', color: '#f59e0b' }, + army: { icon: '🪖', label: '육군기지', color: '#22c55e' }, + missile: { icon: '🚀', label: '미사일기지', color: '#ef4444' }, + joint: { icon: '⭐', label: '합동기지', color: '#a78bfa' }, +}; + +function _MilIcon({ type, size = 16 }: { type: string; size?: number }) { + const ts = TYPE_STYLE[type] || TYPE_STYLE.army; + return ( + + + {ts.icon} + + ); +} + +export function MilitaryBaseLayer() { + const [selected, setSelected] = useState(null); + + return ( + <> + {MILITARY_BASES.map(base => { + const _cs = COUNTRY_STYLE[base.country] || COUNTRY_STYLE.CN; + const ts = TYPE_STYLE[base.type] || TYPE_STYLE.army; + return ( + { e.originalEvent.stopPropagation(); setSelected(base); }}> +
+
+ {ts.icon} +
+
+ {base.nameKo.length > 12 ? base.nameKo.slice(0, 12) + '..' : base.nameKo} +
+
+ + ); + })} + + {selected && (() => { + const cs = COUNTRY_STYLE[selected.country] || COUNTRY_STYLE.CN; + const ts = TYPE_STYLE[selected.type] || TYPE_STYLE.army; + return ( + setSelected(null)} closeOnClick={false} + anchor="bottom" maxWidth="300px" className="gl-popup"> +
+
+ {cs.flag} + {ts.icon} {selected.nameKo} +
+
+ + {ts.label} + + + {cs.label} + +
+
+ {selected.description} +
+
+
시설명 : {selected.name}
+
유형 : {ts.label}
+
+
+ {selected.lat.toFixed(4)}°N, {selected.lng.toFixed(4)}°E +
+
+ + ); + })()} + + ); +} diff --git a/frontend/src/components/korea/NKLaunchLayer.tsx b/frontend/src/components/korea/NKLaunchLayer.tsx new file mode 100644 index 0000000..e4a2c73 --- /dev/null +++ b/frontend/src/components/korea/NKLaunchLayer.tsx @@ -0,0 +1,89 @@ +import { useState } from 'react'; +import { Marker, Popup } from 'react-map-gl/maplibre'; +import { NK_LAUNCH_SITES, NK_LAUNCH_TYPE_META } from '../../data/nkLaunchSites'; +import type { NKLaunchSite } from '../../data/nkLaunchSites'; + +export function NKLaunchLayer() { + const [selected, setSelected] = useState(null); + + return ( + <> + {NK_LAUNCH_SITES.map(site => { + const meta = NK_LAUNCH_TYPE_META[site.type]; + const isArtillery = site.type === 'artillery' || site.type === 'mlrs'; + const size = isArtillery ? 14 : 18; + return ( + { e.originalEvent.stopPropagation(); setSelected(site); }}> +
+
+ {meta.icon} +
+
+ {site.nameKo.length > 10 ? site.nameKo.slice(0, 10) + '..' : site.nameKo} +
+
+ + ); + })} + + {selected && (() => { + const meta = NK_LAUNCH_TYPE_META[selected.type]; + return ( + setSelected(null)} closeOnClick={false} + anchor="bottom" maxWidth="320px" className="gl-popup"> +
+
+ 🇰🇵 + {meta.icon} {selected.nameKo} +
+
+ + {meta.label} + + + 북한 + +
+
+ {selected.description} +
+ {selected.recentUse && ( +
+ 최근: {selected.recentUse} +
+ )} +
+ {selected.name} +
+
+ {selected.lat.toFixed(4)}°N, {selected.lng.toFixed(4)}°E +
+
+ + ); + })()} + + ); +} diff --git a/frontend/src/components/korea/NKMissileEventLayer.tsx b/frontend/src/components/korea/NKMissileEventLayer.tsx new file mode 100644 index 0000000..21fcf68 --- /dev/null +++ b/frontend/src/components/korea/NKMissileEventLayer.tsx @@ -0,0 +1,181 @@ +import { useState, useMemo } from 'react'; +import { Marker, Popup, Source, Layer } from 'react-map-gl/maplibre'; +import { NK_MISSILE_EVENTS } from '../../data/nkMissileEvents'; +import type { NKMissileEvent } from '../../data/nkMissileEvents'; +import type { Ship } from '../../types'; +import { getMarineTrafficCategory } from '../../utils/marineTraffic'; + +function isToday(dateStr: string): boolean { + const today = new Date().toISOString().slice(0, 10); + return dateStr === today; +} + +function getMissileColor(type: string): string { + if (type.includes('ICBM')) return '#dc2626'; + if (type.includes('IRBM')) return '#ef4444'; + if (type.includes('SLBM')) return '#3b82f6'; + return '#f97316'; +} + +function distKm(lat1: number, lng1: number, lat2: number, lng2: number): number { + const R = 6371; + const dLat = (lat2 - lat1) * Math.PI / 180; + const dLng = (lng2 - lng1) * Math.PI / 180; + const a = Math.sin(dLat / 2) ** 2 + Math.cos(lat1 * Math.PI / 180) * Math.cos(lat2 * Math.PI / 180) * Math.sin(dLng / 2) ** 2; + return R * 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1 - a)); +} + +interface Props { + ships: Ship[]; +} + +export function NKMissileEventLayer({ ships }: Props) { + const [selected, setSelected] = useState(null); + + const lineGeoJSON = useMemo(() => ({ + type: 'FeatureCollection' as const, + features: NK_MISSILE_EVENTS.map(ev => ({ + type: 'Feature' as const, + properties: { id: ev.id }, + geometry: { + type: 'LineString' as const, + coordinates: [[ev.launchLng, ev.launchLat], [ev.impactLng, ev.impactLat]], + }, + })), + }), []); + + const nearbyShips = useMemo(() => { + if (!selected) return []; + return ships.filter(s => distKm(s.lat, s.lng, selected.impactLat, selected.impactLng) < 50); + }, [selected, ships]); + + return ( + <> + {/* 궤적 라인 */} + + + + + {/* 발사 지점 (▲) */} + {NK_MISSILE_EVENTS.map(ev => { + const color = getMissileColor(ev.type); + const today = isToday(ev.date); + return ( + +
+ + + +
+ + ); + })} + + {/* 낙하 지점 (✕ + 정보 라벨) */} + {NK_MISSILE_EVENTS.map(ev => { + const color = getMissileColor(ev.type); + const today = isToday(ev.date); + return ( + { e.originalEvent.stopPropagation(); setSelected(ev); }}> +
+ + + + + {today && ( + + + + + )} + +
+ {ev.date.slice(5)} {ev.time} ← {ev.launchNameKo} +
+
+ + ); + })} + + {/* 낙하 지점 팝업 */} + {selected && (() => { + const color = getMissileColor(selected.type); + return ( + setSelected(null)} closeOnClick={false} + anchor="bottom" maxWidth="340px" className="gl-popup"> +
+
+ 🇰🇵 + 🚀 {selected.typeKo} +
+
+ + {selected.type} + + + {selected.date} {selected.time} KST + +
+
+
발사지 : {selected.launchNameKo}
+
발사시각 : {selected.time} KST
+
비행거리 : {selected.distanceKm.toLocaleString()} km
+
최고고도 : {selected.altitudeKm.toLocaleString()} km
+
비행시간 : {selected.flightMin}분
+
+
+ {selected.note} +
+
+ 낙하지점: {selected.impactLat.toFixed(2)}°N, {selected.impactLng.toFixed(2)}°E +
+ + {/* 인근 선박 */} +
+
0 ? '#f87171' : '#22c55e', marginBottom: 4 }}> + {nearbyShips.length > 0 + ? `⚠️ 낙하지점 50km 내 선박 ${nearbyShips.length}척` + : '✅ 낙하지점 50km 내 선박 없음'} +
+ {nearbyShips.slice(0, 5).map(s => { + const cat = getMarineTrafficCategory(s.typecode, s.category); + const d = distKm(s.lat, s.lng, selected.impactLat, selected.impactLng); + return ( +
+ ● + {s.name || s.mmsi} + {cat} + {d.toFixed(1)}km +
+ ); + })} + {nearbyShips.length > 5 && ( +
...외 {nearbyShips.length - 5}척
+ )} +
+
+ + ); + })()} + + ); +} diff --git a/frontend/src/components/korea/NavWarningLayer.tsx b/frontend/src/components/korea/NavWarningLayer.tsx index 4015b62..ca8bec2 100644 --- a/frontend/src/components/korea/NavWarningLayer.tsx +++ b/frontend/src/components/korea/NavWarningLayer.tsx @@ -73,33 +73,45 @@ export function NavWarningLayer() { setSelected(null)} closeOnClick={false} anchor="bottom" maxWidth="320px" className="gl-popup"> -
+
+ color: '#fff', + padding: '4px 8px', + fontSize: 12, + fontWeight: 700, + margin: '-10px -10px 0', + borderRadius: '5px 5px 0 0', + }}> {selected.title}
-
+
+ color: '#fff', + padding: '1px 6px', fontSize: 10, borderRadius: 3, fontWeight: 700, + }}> {NW_LEVEL_LABEL[selected.level]} + padding: '1px 6px', fontSize: 10, borderRadius: 3, fontWeight: 700, + }}> {NW_ORG_LABEL[selected.org]} - + {selected.area}
-
+
{selected.description}
-
+
{t('navWarning.altitude')}: {selected.altitude}
{selected.lat.toFixed(4)}°N, {selected.lng.toFixed(4)}°E
{t('navWarning.source')}: {selected.source}
@@ -108,7 +120,7 @@ export function NavWarningLayer() { href="https://www.khoa.go.kr/nwb/mainPage.do?lang=ko" target="_blank" rel="noopener noreferrer" - className="mt-1.5 block text-[10px] text-kcg-accent underline" + style={{ display: 'block', marginTop: 6, fontSize: 10, color: '#3b82f6', textDecoration: 'underline' }} >{t('navWarning.khoaLink')}
diff --git a/frontend/src/components/korea/PortLayer.tsx b/frontend/src/components/korea/PortLayer.tsx new file mode 100644 index 0000000..d9d3ff4 --- /dev/null +++ b/frontend/src/components/korea/PortLayer.tsx @@ -0,0 +1,101 @@ +import { useState } from 'react'; +import { Marker, Popup } from 'react-map-gl/maplibre'; +import { EAST_ASIA_PORTS } from '../../data/ports'; +import type { Port } from '../../data/ports'; + +const COUNTRY_STYLE: Record = { + KR: { color: '#3b82f6', flag: '🇰🇷', label: '한국' }, + CN: { color: '#ef4444', flag: '🇨🇳', label: '중국' }, + JP: { color: '#f472b6', flag: '🇯🇵', label: '일본' }, + KP: { color: '#f97316', flag: '🇰🇵', label: '북한' }, + TW: { color: '#10b981', flag: '🇹🇼', label: '대만' }, +}; + +function getStyle(p: Port) { + return COUNTRY_STYLE[p.country] || COUNTRY_STYLE.KR; +} + +function AnchorIcon({ color, size = 14 }: { color: string; size?: number }) { + return ( + + + + + + + ); +} + +export function PortLayer() { + const [selected, setSelected] = useState(null); + + return ( + <> + {EAST_ASIA_PORTS.map(p => { + const s = getStyle(p); + const size = p.type === 'major' ? 16 : 12; + return ( + { e.originalEvent.stopPropagation(); setSelected(p); }}> +
+ +
+ {p.nameKo.replace('항', '')} +
+
+ + ); + })} + + {selected && (() => { + const s = getStyle(selected); + return ( + setSelected(null)} closeOnClick={false} + anchor="bottom" maxWidth="280px" className="gl-popup"> +
+
+ {s.flag} + ⚓ {selected.nameKo} +
+
+ + {selected.type === 'major' ? '주요항만' : '항만'} + + + {s.label} + +
+
+
항구 : {selected.nameKo}
+
영문 : {selected.name}
+
+
+ {selected.lat.toFixed(4)}°N, {selected.lng.toFixed(4)}°E +
+ +
+ + ); + })()} + + ); +} diff --git a/frontend/src/components/korea/WindFarmLayer.tsx b/frontend/src/components/korea/WindFarmLayer.tsx new file mode 100644 index 0000000..d2a0648 --- /dev/null +++ b/frontend/src/components/korea/WindFarmLayer.tsx @@ -0,0 +1,95 @@ +import { useState } from 'react'; +import { Marker, Popup } from 'react-map-gl/maplibre'; +import { KOREA_WIND_FARMS } from '../../data/windFarms'; +import type { WindFarm } from '../../data/windFarms'; + +const COLOR = '#00bcd4'; + +function WindTurbineIcon({ size = 18 }: { size?: number }) { + return ( + + + + + + + + + + ); +} + +const STATUS_COLOR: Record = { + '운영중': '#22c55e', + '건설중': '#eab308', + '계획': '#64748b', +}; + +export function WindFarmLayer() { + const [selected, setSelected] = useState(null); + + return ( + <> + {KOREA_WIND_FARMS.map(wf => ( + { e.originalEvent.stopPropagation(); setSelected(wf); }}> +
+ +
+ {wf.name.length > 10 ? wf.name.slice(0, 10) + '..' : wf.name} +
+
+ + ))} + + {selected && ( + setSelected(null)} closeOnClick={false} + anchor="bottom" maxWidth="280px" className="gl-popup"> +
+
+ 🌀 + {selected.name} +
+
+ + {selected.status} + + + 해상풍력 + + + {selected.region} + +
+
+
용량 : {selected.capacityMW} MW
+
터빈 : {selected.turbines}기
+ {selected.year &&
준공 : {selected.year}년
} +
지역 : {selected.region}
+
+
+ {selected.lat.toFixed(4)}°N, {selected.lng.toFixed(4)}°E +
+
+ + )} + + ); +} diff --git a/frontend/src/components/layers/ShipLayer.tsx b/frontend/src/components/layers/ShipLayer.tsx index 7049302..4d27400 100644 --- a/frontend/src/components/layers/ShipLayer.tsx +++ b/frontend/src/components/layers/ShipLayer.tsx @@ -3,6 +3,8 @@ import { Marker, Popup, Source, Layer, useMap } from 'react-map-gl/maplibre'; import { useTranslation } from 'react-i18next'; import type { Ship, ShipCategory } from '../../types'; import maplibregl from 'maplibre-gl'; +import { detectFleet } from '../../utils/fleetDetection'; +import type { FleetConnection } from '../../utils/fleetDetection'; interface Props { ships: Ship[]; @@ -19,6 +21,7 @@ const MT_TYPE_COLORS: Record = { tanker: 'var(--kcg-ship-tanker)', passenger: 'var(--kcg-ship-passenger)', fishing: 'var(--kcg-ship-fishing)', + fishing_gear: '#f97316', pleasure: 'var(--kcg-ship-pleasure)', military: 'var(--kcg-ship-military)', tug_special: 'var(--kcg-ship-tug)', @@ -32,6 +35,7 @@ const MT_TYPE_HEX: Record = { tanker: '#e74c3c', passenger: '#4caf50', fishing: '#42a5f5', + fishing_gear: '#f97316', pleasure: '#e91e8c', military: '#d32f2f', tug_special: '#2e7d32', @@ -93,7 +97,7 @@ const FLAG_EMOJI: Record = { // icon-size multiplier (symbol layer, base=64px) const SIZE_MAP: Record = { carrier: 0.32, destroyer: 0.22, warship: 0.22, submarine: 0.18, patrol: 0.16, - tanker: 0.16, cargo: 0.16, civilian: 0.14, unknown: 0.12, + tanker: 0.16, cargo: 0.16, fishing: 0.14, civilian: 0.14, unknown: 0.12, }; const MIL_CATEGORIES: ShipCategory[] = ['carrier', 'destroyer', 'warship', 'submarine', 'patrol']; @@ -249,11 +253,13 @@ function VesselPhoto({ mmsi, imo, shipImagePath }: VesselPhotoProps) { return (
-
+
{hasSPGlobal && (
setActiveTab('spglobal')} > @@ -261,8 +267,10 @@ function VesselPhoto({ mmsi, imo, shipImagePath }: VesselPhotoProps) {
)}
setActiveTab('marinetraffic')} > @@ -396,7 +404,7 @@ export function ShipLayer({ ships, militaryOnly, koreanOnly, hoveredMmsi, focusM mmsi: ship.mmsi, name: ship.name, color: getShipHex(ship), - size: SIZE_MAP[ship.category], + size: SIZE_MAP[ship.category] ?? 0.12, isMil: isMilitary(ship.category) ? 1 : 0, isKorean: ship.flag === 'KR' ? 1 : 0, isCheonghae: ship.mmsi === '440001981' ? 1 : 0, @@ -457,11 +465,50 @@ export function ShipLayer({ ships, militaryOnly, koreanOnly, hoveredMmsi, focusM const selectedShip = selectedMmsi ? filtered.find(s => s.mmsi === selectedMmsi) ?? null : null; + // 선단 탐지 (중국어선 선택 시 — 성능 최적화: 근처 선박만 전달) + const fleet: FleetConnection | null = useMemo(() => { + if (!selectedShip || selectedShip.flag !== 'CN') return null; + // 0.2도(~12NM) 이내 선박만 필터링하여 전달 + const nearby = ships.filter(s => + Math.abs(s.lat - selectedShip.lat) < 0.2 && + Math.abs(s.lng - selectedShip.lng) < 0.2 + ); + return detectFleet(selectedShip, nearby); + }, [selectedShip, ships]); + + // 선단 연결선 GeoJSON + const fleetLineGeoJson = useMemo(() => { + if (!fleet) return { type: 'FeatureCollection' as const, features: [] }; + return { + type: 'FeatureCollection' as const, + features: fleet.members.map(m => ({ + type: 'Feature' as const, + properties: { role: m.role }, + geometry: { + type: 'LineString' as const, + coordinates: [ + [fleet.selectedShip.lng, fleet.selectedShip.lat], + [m.ship.lng, m.ship.lat], + ], + }, + })), + }; + }, [fleet]); + // Carrier labels — only a few, so DOM markers are fine const carriers = useMemo(() => filtered.filter(s => s.category === 'carrier'), [filtered]); + // 선단 역할별 색상 + const FLEET_ROLE_COLORS: Record = { + pair: '#ef4444', + carrier: '#f97316', + lighting: '#eab308', + mothership: '#dc2626', + subsidiary: '#6b7280', + }; + if (!imageReady) return null; return ( @@ -551,15 +598,53 @@ export function ShipLayer({ ships, militaryOnly, koreanOnly, hoveredMmsi, focusM ))} + {/* Fleet connection lines — 중국어선 클릭 시만 */} + {fleet && fleetLineGeoJson.features.length > 0 && selectedShip?.flag === 'CN' && ( + + + + )} + + {/* Fleet member markers — 중국어선 클릭 시만 */} + {fleet && selectedShip?.flag === 'CN' && fleet.members.map(m => ( + +
+ {m.role === 'pair' ? 'PT' : m.role === 'carrier' ? 'FC' : m.role === 'lighting' ? '灯' : '●'} +
+
+ {m.roleKo} {m.distanceNm.toFixed(1)}NM +
+ + ))} + {/* Popup for selected ship */} {selectedShip && ( - setSelectedMmsi(null)} /> + setSelectedMmsi(null)} fleet={fleet} /> )} ); } -const ShipPopup = memo(function ShipPopup({ ship, onClose }: { ship: Ship; onClose: () => void }) { +const ShipPopup = memo(function ShipPopup({ ship, onClose, fleet }: { ship: Ship; onClose: () => void; fleet?: FleetConnection | null }) { const { t } = useTranslation('ships'); const mtType = getMTType(ship); const color = MT_TYPE_COLORS[mtType] || MT_TYPE_COLORS.unknown; @@ -614,7 +699,7 @@ const ShipPopup = memo(function ShipPopup({ ship, onClose }: { ship: Ship; onClo {/* Header — draggable handle */}
{flagEmoji && {flagEmoji}} {ship.name} @@ -723,6 +808,25 @@ const ShipPopup = memo(function ShipPopup({ ship, onClose }: { ship: Ship; onClo
)} + {/* Fleet info (중국어선만) */} + {fleet && fleet.members.length > 0 && ( +
+
+ 🔗 {fleet.fleetTypeKo} — {fleet.members.length}척 연결 +
+ {fleet.members.slice(0, 5).map(m => ( +
+ {m.roleKo} + {m.ship.name || m.ship.mmsi} + {m.distanceNm.toFixed(1)}NM +
+ ))} + {fleet.members.length > 5 && ( +
...외 {fleet.members.length - 5}척
+ )} +
+ )} + {/* Footer */}
diff --git a/frontend/src/data/govBuildings.ts b/frontend/src/data/govBuildings.ts new file mode 100644 index 0000000..c0218af --- /dev/null +++ b/frontend/src/data/govBuildings.ts @@ -0,0 +1,66 @@ +// ═══ China & Japan Government Buildings (OSINT Public Sources) ═══ + +export interface GovBuilding { + id: string; + name: string; + nameKo: string; + lat: number; + lng: number; + country: 'CN' | 'JP'; + type: 'executive' | 'legislature' | 'military_hq' | 'intelligence' | 'foreign' | 'maritime' | 'defense'; + description: string; +} + +export const GOV_BUILDINGS: GovBuilding[] = [ + // ═══ 🇨🇳 중국 행정부 ═══ + { id: 'CN-G01', name: 'Zhongnanhai (CPC Central Committee)', nameKo: '중난하이 (중국공산당 중앙위원회)', lat: 39.9120, lng: 116.3820, country: 'CN', type: 'executive', description: '중국 최고 권력기관, 국가주석·총리 집무실' }, + { id: 'CN-G02', name: 'Great Hall of the People', nameKo: '인민대회당', lat: 39.9050, lng: 116.3880, country: 'CN', type: 'legislature', description: '전국인민대표대회(전인대) 회의장' }, + { id: 'CN-G03', name: 'State Council (Guowuyuan)', nameKo: '국무원', lat: 39.9130, lng: 116.3850, country: 'CN', type: 'executive', description: '중국 중앙정부 행정기관' }, + + // ═══ 🇨🇳 중국 국방/군사 본부 ═══ + { id: 'CN-G04', name: 'Central Military Commission (Bayi Building)', nameKo: '중앙군사위원회 (바이빌딩)', lat: 39.9080, lng: 116.3280, country: 'CN', type: 'military_hq', description: '중국 군 최고 지휘기관, 시진핑 군사위 주석' }, + { id: 'CN-G05', name: 'Ministry of National Defense', nameKo: '국방부', lat: 39.9090, lng: 116.3700, country: 'CN', type: 'defense', description: '국방 정책 수립, 대외 군사외교' }, + { id: 'CN-G06', name: 'PLA Navy Headquarters', nameKo: '인민해방군 해군사령부', lat: 39.9250, lng: 116.3550, country: 'CN', type: 'military_hq', description: '해군 작전지휘, 3대 함대 총괄' }, + { id: 'CN-G07', name: 'PLA Air Force Headquarters', nameKo: '인민해방군 공군사령부', lat: 39.8800, lng: 116.3600, country: 'CN', type: 'military_hq', description: '공군 작전지휘' }, + { id: 'CN-G08', name: 'PLA Rocket Force Headquarters', nameKo: '인민해방군 로켓군사령부', lat: 39.8700, lng: 116.3200, country: 'CN', type: 'military_hq', description: '전략미사일 부대 지휘, 핵전력 관리' }, + + // ═══ 🇨🇳 중국 정보/외교 기관 ═══ + { id: 'CN-G09', name: 'Ministry of State Security (MSS)', nameKo: '국가안전부', lat: 39.8960, lng: 116.3750, country: 'CN', type: 'intelligence', description: '대외 정보 수집, 방첩, 사이버 작전' }, + { id: 'CN-G10', name: 'Ministry of Foreign Affairs', nameKo: '외교부', lat: 39.9110, lng: 116.4050, country: 'CN', type: 'foreign', description: '외교 정책, 재외공관 총괄' }, + { id: 'CN-G11', name: 'Ministry of Public Security', nameKo: '공안부', lat: 39.8900, lng: 116.3800, country: 'CN', type: 'intelligence', description: '국내 치안, 경찰 총괄' }, + + // ═══ 🇨🇳 중국 해양 기관 ═══ + { id: 'CN-G12', name: 'China Coast Guard Headquarters', nameKo: '중국 해경총국', lat: 39.9300, lng: 116.3900, country: 'CN', type: 'maritime', description: '해양 법집행, 영해 순찰, 센카쿠/남중국해 작전' }, + { id: 'CN-G13', name: 'China Maritime Safety Administration', nameKo: '중국 해사국', lat: 39.9050, lng: 116.4200, country: 'CN', type: 'maritime', description: '해상교통 안전, 선박 검사, 항행 관리' }, + { id: 'CN-G14', name: 'State Oceanic Administration', nameKo: '국가해양국', lat: 39.9100, lng: 116.3950, country: 'CN', type: 'maritime', description: '해양 자원 관리, 해양 과학 연구' }, + + // ═══ 🇨🇳 중국 지방 주요 기관 ═══ + { id: 'CN-G15', name: 'Eastern Theater Command HQ (Nanjing)', nameKo: '동부전구 사령부 (난징)', lat: 32.0600, lng: 118.7800, country: 'CN', type: 'military_hq', description: '대만·동중국해 작전 총괄' }, + { id: 'CN-G16', name: 'Northern Theater Command HQ (Shenyang)', nameKo: '북부전구 사령부 (선양)', lat: 41.8100, lng: 123.4300, country: 'CN', type: 'military_hq', description: '한반도 방면 작전 총괄' }, + { id: 'CN-G17', name: 'Southern Theater Command HQ (Guangzhou)', nameKo: '남부전구 사령부 (광저우)', lat: 23.1300, lng: 113.2600, country: 'CN', type: 'military_hq', description: '남중국해 작전 총괄' }, + + // ═══ 🇯🇵 일본 행정부 ═══ + { id: 'JP-G01', name: 'Kantei (Prime Minister\'s Office)', nameKo: '총리관저 (간테이)', lat: 35.6764, lng: 139.7508, country: 'JP', type: 'executive', description: '내각총리대신 관저, 국가안전보장회의(NSC) 소재' }, + { id: 'JP-G02', name: 'National Diet Building', nameKo: '국회의사당', lat: 35.6760, lng: 139.7450, country: 'JP', type: 'legislature', description: '참의원·중의원 본회의장' }, + { id: 'JP-G03', name: 'Imperial Palace', nameKo: '황거 (고쿄)', lat: 35.6852, lng: 139.7528, country: 'JP', type: 'executive', description: '일본 천황 거처' }, + + // ═══ 🇯🇵 일본 국방/군사 본부 ═══ + { id: 'JP-G04', name: 'Ministry of Defense (Ichigaya)', nameKo: '방위성 (이치가야)', lat: 35.6942, lng: 139.7303, country: 'JP', type: 'defense', description: '자위대 최고 지휘기관, 방위대신 집무실' }, + { id: 'JP-G05', name: 'Joint Staff Office', nameKo: '통합막료감부', lat: 35.6940, lng: 139.7310, country: 'JP', type: 'military_hq', description: '육해공 자위대 통합 작전 지휘' }, + { id: 'JP-G06', name: 'MSDF Fleet Command (Yokosuka)', nameKo: '해상자위대 자위함대사령부 (요코스카)', lat: 35.2900, lng: 139.6700, country: 'JP', type: 'military_hq', description: '해상자위대 작전부대 총괄' }, + { id: 'JP-G07', name: 'ASDF Air Defense Command (Yokota)', nameKo: '항공자위대 항공총대사령부 (요코타)', lat: 35.7485, lng: 139.3485, country: 'JP', type: 'military_hq', description: '항공방위 작전 지휘, 미일 공동운용' }, + + // ═══ 🇯🇵 일본 정보/외교 기관 ═══ + { id: 'JP-G08', name: 'Cabinet Intelligence and Research Office', nameKo: '내각정보조사실 (CIRO)', lat: 35.6770, lng: 139.7500, country: 'JP', type: 'intelligence', description: '총리 직속 정보기관, 대외 정보 분석' }, + { id: 'JP-G09', name: 'Defense Intelligence Headquarters', nameKo: '방위성 정보본부 (DIH)', lat: 35.6550, lng: 139.4650, country: 'JP', type: 'intelligence', description: '군사정보 수집·분석, 위성정보 처리' }, + { id: 'JP-G10', name: 'Ministry of Foreign Affairs', nameKo: '외무성', lat: 35.6740, lng: 139.7490, country: 'JP', type: 'foreign', description: '외교 정책, 재외공관 총괄' }, + + // ═══ 🇯🇵 일본 해양 기관 ═══ + { id: 'JP-G11', name: 'Japan Coast Guard Headquarters', nameKo: '해상보안청 본청', lat: 35.6700, lng: 139.7600, country: 'JP', type: 'maritime', description: '해상 법집행, 영해 경비, 센카쿠 순찰' }, + { id: 'JP-G12', name: 'Japan Meteorological Agency / Hydrographic', nameKo: '해상보안청 해양정보부', lat: 35.6680, lng: 139.7620, country: 'JP', type: 'maritime', description: '해도 제작, 해양 관측, 항행 안전 정보' }, + + // ═══ 🇯🇵 일본 지방 주요 기관 ═══ + { id: 'JP-G13', name: 'GSDF Western Army HQ (Kumamoto)', nameKo: '육상자위대 서부방면대 사령부 (구마모토)', lat: 32.7900, lng: 130.7400, country: 'JP', type: 'military_hq', description: '남서제도 방위 총괄, 도서방위 부대' }, + { id: 'JP-G14', name: 'JCG 7th Region HQ (Kitakyushu)', nameKo: '제7관구 해상보안본부 (기타큐슈)', lat: 33.9000, lng: 130.8800, country: 'JP', type: 'maritime', description: '대한해협·동중국해 경비 총괄' }, + { id: 'JP-G15', name: 'JCG 11th Region HQ (Naha)', nameKo: '제11관구 해상보안본부 (나하)', lat: 26.2100, lng: 127.6700, country: 'JP', type: 'maritime', description: '센카쿠 열도 경비, 남서해역 순찰' }, +]; diff --git a/frontend/src/data/middleEastFacilities.ts b/frontend/src/data/middleEastFacilities.ts new file mode 100644 index 0000000..6bf9e61 --- /dev/null +++ b/frontend/src/data/middleEastFacilities.ts @@ -0,0 +1,79 @@ +// ═══ Middle East Key Facilities (OSINT) ═══ +// Government HQs, Naval Bases, Missile Sites, Intelligence Centers + +export interface MEFacility { + id: string; + name: string; + nameKo: string; + lat: number; + lng: number; + country: string; + flag: string; + type: 'naval' | 'military_hq' | 'missile' | 'intelligence' | 'government' | 'radar'; + description: string; +} + +const TYPE_META: Record = { + naval: { label: 'Naval Base', color: '#3b82f6', icon: '⚓' }, + military_hq: { label: 'Military HQ', color: '#ef4444', icon: '⭐' }, + missile: { label: 'Missile/Air Defense', color: '#dc2626', icon: '🚀' }, + intelligence: { label: 'Intelligence', color: '#8b5cf6', icon: '🔍' }, + government: { label: 'Government', color: '#f59e0b', icon: '🏛️' }, + radar: { label: 'Radar/C2', color: '#06b6d4', icon: '📡' }, +}; + +export { TYPE_META as ME_FACILITY_TYPE_META }; + +export const ME_FACILITIES: MEFacility[] = [ + // ═══ 🇮🇷 이란 (기존 공항/석유 외 추가 시설) ═══ + { id: 'IR-F01', name: 'IRGC Navy HQ (Bandar Abbas)', nameKo: 'IRGC 해군사령부 (반다르아바스)', lat: 27.1800, lng: 56.2700, country: 'Iran', flag: '🇮🇷', type: 'naval', description: 'IRGC 해군 사령부, 호르무즈 해협 작전 지휘' }, + { id: 'IR-F02', name: 'Jask Naval Base', nameKo: '자스크 해군기지', lat: 25.6500, lng: 57.7700, country: 'Iran', flag: '🇮🇷', type: 'naval', description: '오만만 전진기지, 호르무즈 우회 거점' }, + { id: 'IR-F03', name: 'Abu Musa Island Base', nameKo: '아부무사 섬 기지', lat: 25.8700, lng: 55.0300, country: 'Iran', flag: '🇮🇷', type: 'missile', description: '대함미사일·해안포 배치, 해협 봉쇄 거점' }, + { id: 'IR-F04', name: 'Qeshm Island IRGC', nameKo: '케슘 섬 IRGC 기지', lat: 26.9500, lng: 56.2700, country: 'Iran', flag: '🇮🇷', type: 'missile', description: 'IRGC 쾌속정·대함미사일 전진배치' }, + { id: 'IR-F05', name: 'Kharg Island Air Defense', nameKo: '하르그섬 방공진지', lat: 29.2600, lng: 50.3300, country: 'Iran', flag: '🇮🇷', type: 'missile', description: 'S-300 방공미사일 배치, 수출터미널 방어' }, + { id: 'IR-F06', name: 'Chabahar Naval Base', nameKo: '차바하르 해군기지', lat: 25.2900, lng: 60.6400, country: 'Iran', flag: '🇮🇷', type: 'naval', description: '이란 해군 동부 기지, 인도양 진출 거점' }, + { id: 'IR-F07', name: 'IRGC Aerospace Force HQ (Tehran)', nameKo: 'IRGC 항공우주군 사령부', lat: 35.7200, lng: 51.4200, country: 'Iran', flag: '🇮🇷', type: 'military_hq', description: '탄도미사일·드론 작전 지휘부' }, + + // ═══ 🇺🇸 미군 주요 시설 ═══ + { id: 'US-F01', name: 'US 5th Fleet HQ (Bahrain)', nameKo: '미 제5함대 사령부 (바레인)', lat: 26.2100, lng: 50.6200, country: 'Bahrain', flag: '🇺🇸', type: 'naval', description: '미 해군 중부사령부, 페르시아만 작전 지휘' }, + { id: 'US-F02', name: 'CENTCOM Forward HQ (Qatar)', nameKo: 'CENTCOM 전방사령부 (카타르)', lat: 25.1200, lng: 51.3200, country: 'Qatar', flag: '🇺🇸', type: 'military_hq', description: '알우데이드 기지 내 중부사령부 전방지휘소' }, + { id: 'US-F03', name: 'Camp Arifjan (Kuwait)', nameKo: '아리프잔 기지 (쿠웨이트)', lat: 29.0800, lng: 48.0900, country: 'Kuwait', flag: '🇺🇸', type: 'military_hq', description: '미 육군 중부사령부 전방본부' }, + { id: 'US-F04', name: 'NSA Bahrain (SIGINT)', nameKo: 'NSA 바레인 (신호정보)', lat: 26.2300, lng: 50.6000, country: 'Bahrain', flag: '🇺🇸', type: 'intelligence', description: '중동 신호정보 수집 허브' }, + { id: 'US-F05', name: 'Diego Garcia (B-2 base)', nameKo: '디에고 가르시아 (B-2 기지)', lat: -7.3133, lng: 72.4111, country: 'BIOT', flag: '🇺🇸', type: 'military_hq', description: 'B-2 스텔스 폭격기 전진배치, 인도양 전략기지' }, + + // ═══ 🇮🇱 이스라엘 ═══ + { id: 'IL-F01', name: 'IDF General Staff (Tel Aviv)', nameKo: 'IDF 참모본부 (텔아비브)', lat: 32.0700, lng: 34.7900, country: 'Israel', flag: '🇮🇱', type: 'military_hq', description: '이스라엘 군 최고 지휘부, 키르야 기지' }, + { id: 'IL-F02', name: 'Haifa Naval Base', nameKo: '하이파 해군기지', lat: 32.8200, lng: 35.0000, country: 'Israel', flag: '🇮🇱', type: 'naval', description: '이스라엘 해군 본부, 잠수함·코르벳함 모항' }, + { id: 'IL-F03', name: 'Palmachim AFB (Missile Test)', nameKo: '팔마힘 공군기지 (미사일)', lat: 31.8900, lng: 34.6900, country: 'Israel', flag: '🇮🇱', type: 'missile', description: '제리코 미사일·샤빗 로켓 발사장, Arrow 방공 배치' }, + { id: 'IL-F04', name: 'Unit 8200 HQ (Herzliya)', nameKo: '8200부대 본부 (헤르즐리야)', lat: 32.1700, lng: 34.7900, country: 'Israel', flag: '🇮🇱', type: 'intelligence', description: '이스라엘 신호정보(SIGINT) 본부, 사이버전 지휘' }, + { id: 'IL-F05', name: 'Dimona Nuclear Center', nameKo: '디모나 핵연구센터', lat: 31.0000, lng: 35.1400, country: 'Israel', flag: '🇮🇱', type: 'missile', description: '핵무기 생산 추정 시설 (네게브 핵연구센터)' }, + + // ═══ 🇸🇦 사우디아라비아 ═══ + { id: 'SA-F01', name: 'Royal Saudi Naval Forces HQ', nameKo: '사우디 해군사령부 (리야드)', lat: 24.7100, lng: 46.6700, country: 'Saudi Arabia', flag: '🇸🇦', type: 'naval', description: '사우디 왕립 해군 사령부' }, + { id: 'SA-F02', name: 'King Abdulaziz Naval Base (Jubail)', nameKo: '주바일 해군기지', lat: 27.0100, lng: 49.6200, country: 'Saudi Arabia', flag: '🇸🇦', type: 'naval', description: '페르시아만 함대 본거지, 동부함대 사령부' }, + { id: 'SA-F03', name: 'King Faisal Naval Base (Jeddah)', nameKo: '제다 해군기지', lat: 21.5200, lng: 39.1600, country: 'Saudi Arabia', flag: '🇸🇦', type: 'naval', description: '홍해 함대 본거지, 서부함대 사령부' }, + { id: 'SA-F04', name: 'Patriot Battery (Riyadh)', nameKo: '리야드 패트리어트 방공진지', lat: 24.7500, lng: 46.7500, country: 'Saudi Arabia', flag: '🇸🇦', type: 'missile', description: 'PAC-3 패트리어트 방공미사일, 수도 방어' }, + + // ═══ 🇦🇪 UAE ═══ + { id: 'AE-F01', name: 'UAE Naval HQ (Abu Dhabi)', nameKo: 'UAE 해군사령부 (아부다비)', lat: 24.4400, lng: 54.4200, country: 'UAE', flag: '🇦🇪', type: 'naval', description: 'UAE 해군 본부, Baynunah급 코르벳' }, + { id: 'AE-F02', name: 'Fujairah Naval Base', nameKo: '푸자이라 해군기지', lat: 25.1200, lng: 56.3400, country: 'UAE', flag: '🇦🇪', type: 'naval', description: '호르무즈 외부 오만만 해군기지' }, + { id: 'AE-F03', name: 'THAAD Battery (Al Dhafra)', nameKo: 'THAAD 배터리 (알다프라)', lat: 24.2500, lng: 54.5500, country: 'UAE', flag: '🇦🇪', type: 'missile', description: '미군 THAAD 고고도방어미사일 배치' }, + + // ═══ 🇴🇲 오만 ═══ + { id: 'OM-F01', name: 'Said Bin Sultan Naval Base (Muscat)', nameKo: '무스카트 해군기지', lat: 23.6300, lng: 58.5900, country: 'Oman', flag: '🇴🇲', type: 'naval', description: '오만 왕립 해군 본부' }, + { id: 'OM-F02', name: 'Duqm Naval Base', nameKo: '두큼 해군기지', lat: 19.6700, lng: 57.7000, country: 'Oman', flag: '🇴🇲', type: 'naval', description: '인도양 전략기지, 영국·미국 공동사용' }, + + // ═══ 🇶🇦 카타르 ═══ + { id: 'QA-F01', name: 'Qatar Naval Base (Doha)', nameKo: '도하 해군기지', lat: 25.3000, lng: 51.5300, country: 'Qatar', flag: '🇶🇦', type: 'naval', description: '카타르 해군 본부' }, + + // ═══ 🇾🇪 예멘 (후티) ═══ + { id: 'YE-F01', name: 'Hodeidah Port (Houthi)', nameKo: '호데이다항 (후티)', lat: 14.7980, lng: 42.9540, country: 'Yemen', flag: '🇾🇪', type: 'naval', description: '후티 반군 해상 작전 거점, 홍해 위협' }, + { id: 'YE-F02', name: 'Sanaa (Houthi HQ)', nameKo: '사나 (후티 본부)', lat: 15.3694, lng: 44.1910, country: 'Yemen', flag: '🇾🇪', type: 'military_hq', description: '후티 반군 지휘부, 드론·미사일 발사 지휘' }, + + // ═══ 🇩🇯 지부티 ═══ + { id: 'DJ-F01', name: 'China PLA Support Base', nameKo: '중국 인민해방군 지원기지', lat: 11.5900, lng: 43.1500, country: 'Djibouti', flag: '🇨🇳', type: 'naval', description: '중국 최초 해외군사기지, 아덴만 작전' }, + { id: 'DJ-F02', name: 'Camp Lemonnier (US)', nameKo: '레모니에 기지 (미군)', lat: 11.5474, lng: 43.1556, country: 'Djibouti', flag: '🇺🇸', type: 'military_hq', description: '미 아프리카사령부 전진기지, 드론 작전' }, + + // ═══ 🇵🇰 파키스탄 ═══ + { id: 'PK-F01', name: 'Gwadar Port (China-built)', nameKo: '과다르항 (중국 건설)', lat: 25.1264, lng: 62.3225, country: 'Pakistan', flag: '🇵🇰', type: 'naval', description: 'CPEC 핵심항, 중국 해군 잠재 기지' }, +]; diff --git a/frontend/src/data/militaryBases.ts b/frontend/src/data/militaryBases.ts new file mode 100644 index 0000000..4ccd756 --- /dev/null +++ b/frontend/src/data/militaryBases.ts @@ -0,0 +1,90 @@ +// ═══ China & Japan Military Bases (OSINT Public Sources) ═══ +// Based on publicly available defense reports and satellite imagery analysis + +export interface MilitaryBase { + id: string; + name: string; + nameKo: string; + lat: number; + lng: number; + country: 'CN' | 'JP' | 'KP' | 'TW'; + type: 'naval' | 'airforce' | 'army' | 'missile' | 'joint'; + description: string; +} + +export const MILITARY_BASES: MilitaryBase[] = [ + // ═══ 🇨🇳 중국 해군기지 ═══ + { id: 'CN-M01', name: 'Qingdao Naval Base (North Sea Fleet HQ)', nameKo: '칭다오 해군기지 (북해함대 사령부)', lat: 36.0671, lng: 120.3826, country: 'CN', type: 'naval', description: '북해함대 사령부, 항공모함 산둥호 모항' }, + { id: 'CN-M02', name: 'Ningbo/Zhoushan Naval Base (East Sea Fleet HQ)', nameKo: '닝보/저우산 해군기지 (동해함대 사령부)', lat: 29.9500, lng: 121.9500, country: 'CN', type: 'naval', description: '동해함대 사령부, 대만해협 작전' }, + { id: 'CN-M03', name: 'Zhanjiang Naval Base (South Sea Fleet HQ)', nameKo: '잔장 해군기지 (남해함대 사령부)', lat: 21.2000, lng: 110.4000, country: 'CN', type: 'naval', description: '남해함대 사령부, 남중국해 작전' }, + { id: 'CN-M04', name: 'Yulin Naval Base (Hainan)', nameKo: '위린 해군기지 (하이난)', lat: 18.2269, lng: 109.5531, country: 'CN', type: 'naval', description: '핵잠수함 기지, 지하 잠수함 동굴' }, + { id: 'CN-M05', name: 'Dalian Naval Shipyard', nameKo: '다롄 해군 조선소', lat: 38.9300, lng: 121.6200, country: 'CN', type: 'naval', description: '항공모함 건조, 푸젠호 건조지' }, + { id: 'CN-M06', name: 'Shanghai Jiangnan Shipyard', nameKo: '상하이 장난 조선소', lat: 31.3500, lng: 121.6000, country: 'CN', type: 'naval', description: '003형 항모 푸젠호 건조' }, + + // ═══ 🇨🇳 중국 공군기지 ═══ + { id: 'CN-M07', name: 'Dingxin Air Base', nameKo: '딩신 공군기지', lat: 40.3100, lng: 99.6700, country: 'CN', type: 'airforce', description: '전투기 시험평가 기지' }, + { id: 'CN-M08', name: 'Wuhan Wangjiatun Air Base', nameKo: '우한 왕자툰 공군기지', lat: 30.4900, lng: 114.3200, country: 'CN', type: 'airforce', description: 'J-20 스텔스 전투기 배치' }, + { id: 'CN-M09', name: 'Suixi Air Base', nameKo: '수이시 공군기지', lat: 21.4300, lng: 110.2200, country: 'CN', type: 'airforce', description: '남중국해 방공, J-11 배치' }, + { id: 'CN-M10', name: 'Longtian Air Base (Fuzhou)', nameKo: '룽톈 공군기지 (푸저우)', lat: 25.7500, lng: 119.6600, country: 'CN', type: 'airforce', description: '대만해협 전방기지' }, + + // ═══ 🇨🇳 중국 로켓군(미사일) 기지 ═══ + { id: 'CN-M11', name: 'PLA Rocket Force 61 Base', nameKo: '로켓군 61기지 (황산)', lat: 29.7100, lng: 118.3400, country: 'CN', type: 'missile', description: 'DF-21D 대함탄도미사일, 대만 방면' }, + { id: 'CN-M12', name: 'PLA Rocket Force 62 Base', nameKo: '로켓군 62기지 (쿤밍)', lat: 25.0200, lng: 102.6800, country: 'CN', type: 'missile', description: 'DF-26 중거리 미사일' }, + { id: 'CN-M13', name: 'PLA Rocket Force 63 Base', nameKo: '로켓군 63기지 (화이화)', lat: 27.5500, lng: 109.9500, country: 'CN', type: 'missile', description: 'ICBM 운용 부대' }, + + // ═══ 🇯🇵 일본 해상자위대 기지 ═══ + { id: 'JP-M01', name: 'Yokosuka Naval Base', nameKo: '요코스카 해군기지', lat: 35.2833, lng: 139.6667, country: 'JP', type: 'naval', description: '해상자위대 사령부, 미 7함대 모항' }, + { id: 'JP-M02', name: 'Sasebo Naval Base', nameKo: '사세보 해군기지', lat: 33.1583, lng: 129.7250, country: 'JP', type: 'naval', description: '서태평양 전진기지, 미 해군 공동사용' }, + { id: 'JP-M03', name: 'Kure Naval Base', nameKo: '쿠레 해군기지', lat: 34.2333, lng: 132.5500, country: 'JP', type: 'naval', description: '잠수함 부대 사령부' }, + { id: 'JP-M04', name: 'Maizuru Naval Base', nameKo: '마이즈루 해군기지', lat: 35.4667, lng: 135.3833, country: 'JP', type: 'naval', description: '동해 방면 경비' }, + { id: 'JP-M05', name: 'Ominato Naval Base', nameKo: '오미나토 해군기지', lat: 41.2500, lng: 141.1167, country: 'JP', type: 'naval', description: '북방 경비, 쓰가루 해협 방어' }, + + // ═══ 🇯🇵 일본 항공자위대 기지 ═══ + { id: 'JP-M06', name: 'Kadena Air Base (US)', nameKo: '가데나 공군기지 (미군)', lat: 26.3516, lng: 127.7681, country: 'JP', type: 'airforce', description: '미 태평양공군 최대기지, F-15 배치' }, + { id: 'JP-M07', name: 'Misawa Air Base', nameKo: '미사와 공군기지', lat: 40.7032, lng: 141.3686, country: 'JP', type: 'airforce', description: '미일 공동사용, F-16/F-35A 배치' }, + { id: 'JP-M08', name: 'Hyakuri Air Base', nameKo: '햐쿠리 공군기지', lat: 36.1811, lng: 140.4147, country: 'JP', type: 'airforce', description: '수도권 방공, F-2 전투기' }, + { id: 'JP-M09', name: 'Tsuiki Air Base', nameKo: '쓰이키 공군기지', lat: 33.6847, lng: 131.0408, country: 'JP', type: 'airforce', description: 'F-2 전투기 배치, 서부 방공' }, + { id: 'JP-M10', name: 'Naha Air Base', nameKo: '나하 공군기지', lat: 26.1956, lng: 127.6458, country: 'JP', type: 'airforce', description: '남서방면 항공혼성단, F-15J 배치' }, + { id: 'JP-M11', name: 'Komatsu Air Base', nameKo: '고마쓰 공군기지', lat: 36.3946, lng: 136.4068, country: 'JP', type: 'airforce', description: 'F-15J 배치, 동해 방공' }, + + // ═══ 🇯🇵 일본 육상자위대/미사일 기지 ═══ + { id: 'JP-M12', name: 'Camp Amami (Missile)', nameKo: '아마미 미사일기지', lat: 28.3800, lng: 129.4900, country: 'JP', type: 'missile', description: '12식 지대함미사일 배치, 남서제도 방어' }, + { id: 'JP-M13', name: 'Miyako Island Garrison', nameKo: '미야코지마 주둔지', lat: 24.7900, lng: 125.2800, country: 'JP', type: 'missile', description: '지대함/지대공 미사일 배치' }, + { id: 'JP-M14', name: 'Ishigaki Island Garrison', nameKo: '이시가키지마 주둔지', lat: 24.3400, lng: 124.1600, country: 'JP', type: 'missile', description: '지대함/지대공 미사일 배치, 센카쿠 근접' }, + + // ═══ 🇰🇵 북한 해군기지 ═══ + { id: 'KP-M01', name: 'Nampo Naval Base', nameKo: '남포 해군기지', lat: 38.7400, lng: 125.3800, country: 'KP', type: 'naval', description: '서해함대 사령부, 서해 주력기지' }, + { id: 'KP-M02', name: 'Wonsan Naval Base', nameKo: '원산 해군기지', lat: 39.1500, lng: 127.4500, country: 'KP', type: 'naval', description: '동해함대 주력기지, 잠수함 배치' }, + { id: 'KP-M03', name: 'Toejo-dong Submarine Base', nameKo: '토조동 잠수함기지', lat: 40.0100, lng: 128.1700, country: 'KP', type: 'naval', description: '신포급 SLBM 잠수함 기지' }, + { id: 'KP-M04', name: 'Mayang-do Naval Base', nameKo: '마양도 해군기지', lat: 40.0400, lng: 128.2100, country: 'KP', type: 'naval', description: '잠수함 수리·건조 시설' }, + + // ═══ 🇰🇵 북한 공군기지 ═══ + { id: 'KP-M05', name: 'Sunchon Air Base', nameKo: '순천 공군기지', lat: 39.4100, lng: 125.8900, country: 'KP', type: 'airforce', description: 'MiG-29 배치, 주력 전투기 기지' }, + { id: 'KP-M06', name: 'Onchon Air Base', nameKo: '온천 공군기지', lat: 38.9300, lng: 125.2700, country: 'KP', type: 'airforce', description: '평양 방공, MiG-21/23 배치' }, + { id: 'KP-M07', name: 'Wonsan-Kalma Air Base', nameKo: '원산갈마 공군기지', lat: 39.1700, lng: 127.4900, country: 'KP', type: 'airforce', description: '동해안 방공, 전투기/폭격기 배치' }, + + // ═══ 🇰🇵 북한 미사일 기지 ═══ + { id: 'KP-M08', name: 'Tongchang-ri (Sohae) Launch', nameKo: '동창리 (서해) 발사장', lat: 39.6600, lng: 124.7050, country: 'KP', type: 'missile', description: '장거리 미사일/위성 발사장' }, + { id: 'KP-M09', name: 'Musudan-ri (Tonghae) Launch', nameKo: '무수단리 (동해) 발사장', lat: 40.8560, lng: 129.6660, country: 'KP', type: 'missile', description: '동해 미사일 발사장' }, + { id: 'KP-M10', name: 'Yongbyon Nuclear Complex', nameKo: '영변 핵시설', lat: 39.7950, lng: 125.7550, country: 'KP', type: 'missile', description: '핵연료 재처리·우라늄 농축 시설' }, + { id: 'KP-M11', name: 'Punggye-ri Nuclear Test Site', nameKo: '풍계리 핵실험장', lat: 41.2810, lng: 129.0780, country: 'KP', type: 'missile', description: '지하 핵실험장 (6차례 핵실험)' }, + + // ═══ 🇹🇼 대만 해군기지 ═══ + { id: 'TW-M01', name: 'Zuoying Naval Base', nameKo: '쭤잉 해군기지', lat: 22.6900, lng: 120.2700, country: 'TW', type: 'naval', description: '해군사령부, 주력함대 모항. 기드급 구축함 배치' }, + { id: 'TW-M02', name: 'Keelung Naval Base', nameKo: '지룽 해군기지', lat: 25.1400, lng: 121.7500, country: 'TW', type: 'naval', description: '북부 함대기지, 대잠작전 거점' }, + { id: 'TW-M03', name: 'Suao Naval Base', nameKo: '쑤아오 해군기지', lat: 24.5800, lng: 121.8700, country: 'TW', type: 'naval', description: '동부 해군기지, 잠수함 배치' }, + { id: 'TW-M04', name: 'Magong Naval Base (Penghu)', nameKo: '마공 해군기지 (펑후)', lat: 23.5700, lng: 119.5800, country: 'TW', type: 'naval', description: '대만해협 전진기지, 해병대 주둔' }, + + // ═══ 🇹🇼 대만 공군기지 ═══ + { id: 'TW-M05', name: 'Hsinchu Air Base', nameKo: '신주 공군기지', lat: 24.8200, lng: 120.9400, country: 'TW', type: 'airforce', description: '미라주 2000 전투기 배치, 북부 방공' }, + { id: 'TW-M06', name: 'Taichung CCK Air Base', nameKo: '타이중 칭추안강 공군기지', lat: 24.2600, lng: 120.6200, country: 'TW', type: 'airforce', description: 'F-16V 배치, IDF 전투기' }, + { id: 'TW-M07', name: 'Tainan Air Base', nameKo: '타이난 공군기지', lat: 22.9500, lng: 120.2000, country: 'TW', type: 'airforce', description: 'IDF 경국호 전투기 배치' }, + { id: 'TW-M08', name: 'Hualien/Chiashan Air Base', nameKo: '화롄 쟈산 지하공군기지', lat: 24.0200, lng: 121.6200, country: 'TW', type: 'airforce', description: '산 속 지하 격납고, F-16 배치. 아시아 최대 지하기지' }, + { id: 'TW-M09', name: 'Pingtung Air Base', nameKo: '핑둥 공군기지', lat: 22.6700, lng: 120.4600, country: 'TW', type: 'airforce', description: 'P-3C 대잠초계기, E-2K 조기경보기 배치' }, + + // ═══ 🇹🇼 대만 미사일/방공 기지 ═══ + { id: 'TW-M10', name: 'Jiupeng Missile Test Range', nameKo: '주펑 미사일시험장', lat: 22.0700, lng: 120.8400, country: 'TW', type: 'missile', description: '중산과학연구원(NCSIST) 미사일 시험발사장' }, + { id: 'TW-M11', name: 'Leshan Radar Station', nameKo: '러산 레이더기지', lat: 24.2500, lng: 121.1900, country: 'TW', type: 'missile', description: '장거리 조기경보 레이더(PAVE PAWS), 미사일 감시' }, + { id: 'TW-M12', name: 'Kinmen Defense Command', nameKo: '진먼 방위사령부 (금문도)', lat: 24.4500, lng: 118.3800, country: 'TW', type: 'army', description: '중국 본토 2km 최전방, 해안포·지대함미사일 배치' }, + { id: 'TW-M13', name: 'Matsu Defense Command', nameKo: '마쭈 방위사령부', lat: 26.1600, lng: 119.9500, country: 'TW', type: 'army', description: '중국 푸젠성 인접 전진기지, 지대함미사일 배치' }, +]; diff --git a/frontend/src/data/nkLaunchSites.ts b/frontend/src/data/nkLaunchSites.ts new file mode 100644 index 0000000..893dc1a --- /dev/null +++ b/frontend/src/data/nkLaunchSites.ts @@ -0,0 +1,60 @@ +// ═══ North Korea Launch & Artillery Sites (OSINT) ═══ +// Based on: CSIS Beyond Parallel, 38 North, ROK JCS announcements, NTI + +export interface NKLaunchSite { + id: string; + name: string; + nameKo: string; + lat: number; + lng: number; + type: 'icbm' | 'irbm' | 'srbm' | 'slbm' | 'cruise' | 'artillery' | 'mlrs'; + description: string; + recentUse?: string; +} + +const TYPE_META: Record = { + icbm: { label: 'ICBM 발사장', color: '#dc2626', icon: '🚀' }, + irbm: { label: 'IRBM/MRBM', color: '#ef4444', icon: '🚀' }, + srbm: { label: '단거리탄도미사일', color: '#f97316', icon: '🎯' }, + slbm: { label: 'SLBM 발사', color: '#3b82f6', icon: '🔱' }, + cruise: { label: '순항미사일', color: '#8b5cf6', icon: '✈️' }, + artillery: { label: '해안포/장사정포', color: '#eab308', icon: '💥' }, + mlrs: { label: '방사포(MLRS)', color: '#f59e0b', icon: '💥' }, +}; + +export { TYPE_META as NK_LAUNCH_TYPE_META }; + +export const NK_LAUNCH_SITES: NKLaunchSite[] = [ + // ═══ ICBM/장거리 발사장 ═══ + { id: 'NK-L01', name: 'Tongchang-ri (Sohae)', nameKo: '동창리 서해위성발사장', lat: 39.6600, lng: 124.7050, type: 'icbm', description: '서해 장거리 로켓/위성 발사장. 은하-3, 광명성 발사', recentUse: '2023 정찰위성 발사' }, + { id: 'NK-L02', name: 'Musudan-ri (Tonghae)', nameKo: '무수단리 동해위성발사장', lat: 40.8560, lng: 129.6660, type: 'icbm', description: '동해 장거리 미사일 발사장. 대포동 시리즈 발사', recentUse: '과거 대포동-2 발사' }, + + // ═══ 평양 일대 TEL 발사 (ICBM/IRBM) ═══ + { id: 'NK-L03', name: 'Sunan (Pyongyang Intl Airport)', nameKo: '순안 평양국제공항', lat: 39.2241, lng: 125.6700, type: 'icbm', description: '화성-17/18 ICBM TEL 발사. 공항 활주로 인근 발사', recentUse: '2023.7 화성-18 발사' }, + { id: 'NK-L04', name: 'Pyongyang area (Samdeok)', nameKo: '평양 삼덕 일대', lat: 39.0400, lng: 125.7800, type: 'irbm', description: '화성-12/14/15 발사. TEL 이동식 발사', recentUse: '2022 다수 발사' }, + + // ═══ 동해안 발사 지점 (단거리/순항) ═══ + { id: 'NK-L05', name: 'Wonsan area', nameKo: '원산 일대', lat: 39.1500, lng: 127.4500, type: 'srbm', description: '단거리탄도미사일(KN-23/25) 주요 발사지. 가장 빈번한 발사지역', recentUse: '2024 다수 SRBM 발사' }, + { id: 'NK-L06', name: 'Tongchon (Munchon)', nameKo: '통천 (문천)', lat: 38.9500, lng: 127.6800, type: 'srbm', description: '동해안 SRBM 발사지. KN-23 계열 발사', recentUse: '2022-2024 다수' }, + { id: 'NK-L07', name: 'Hamhung area', nameKo: '함흥 일대', lat: 39.9200, lng: 127.5400, type: 'srbm', description: '단거리미사일·방사포 발사지', recentUse: '2023 SRBM' }, + { id: 'NK-L08', name: 'Sinpo (Submarine Base)', nameKo: '신포 잠수함기지', lat: 40.0300, lng: 128.1800, type: 'slbm', description: 'SLBM(북극성) 수중발사 시험장. 신포급 잠수함 모항', recentUse: '2022.5 북극성 시험발사' }, + + // ═══ 서해안 발사 지점 ═══ + { id: 'NK-L09', name: 'Nampo area', nameKo: '남포 일대', lat: 38.7400, lng: 125.3800, type: 'cruise', description: '순항미사일 발사지. 서해 방면 발사', recentUse: '2024 순항미사일' }, + { id: 'NK-L10', name: 'Onchon area', nameKo: '온천 일대', lat: 38.9300, lng: 125.2700, type: 'cruise', description: '전략순항미사일(화살-1/2) 발사지', recentUse: '2023-2024 순항미사일' }, + + // ═══ 장사정포/방사포 진지 (NLL 위협) ═══ + { id: 'NK-L11', name: 'Kaemori (Yeonpyeong threat)', nameKo: '개머리 (연평도 위협)', lat: 37.9500, lng: 125.5200, type: 'artillery', description: '122mm 방사포·해안포. 연평도 직접 위협 진지. 2010년 연평도 포격 원점', recentUse: '2010.11 연평도 포격' }, + { id: 'NK-L12', name: 'Kangnyong area', nameKo: '강령 해안포 진지', lat: 37.9800, lng: 125.6500, type: 'artillery', description: 'NLL 인근 해안포·방사포 진지. 서해5도 위협', recentUse: '상시 전투배치' }, + { id: 'NK-L13', name: 'Haeju artillery zone', nameKo: '해주 장사정포 진지', lat: 38.0500, lng: 125.7300, type: 'artillery', description: '170mm 자주포·240mm 방사포. 서해5도·수도권 사정권', recentUse: '상시 전투배치' }, + { id: 'NK-L14', name: 'Hwanghae coastal batteries', nameKo: '황해 해안포 진지', lat: 38.3000, lng: 125.0500, type: 'artillery', description: '서해 해안포 밀집지역. 76.2mm·130mm 해안포', recentUse: '상시 전투배치' }, + + // ═══ DMZ 전방 장사정포 (수도권 위협) ═══ + { id: 'NK-L15', name: 'Kaesong forward artillery', nameKo: '개성 전방 포병진지', lat: 37.9700, lng: 126.5600, type: 'mlrs', description: '240mm 방사포, 서울 사정권. DMZ 최전방 배치', recentUse: '상시 전투배치' }, + { id: 'NK-L16', name: 'Kumgangsan area MLRS', nameKo: '금강산 방사포 진지', lat: 38.6500, lng: 128.1500, type: 'mlrs', description: '300mm 방사포(KN-09). 동해안 전방 진지', recentUse: '상시 전투배치' }, + { id: 'NK-L17', name: 'Chorwon forward positions', nameKo: '철원 전방 포병진지', lat: 38.4500, lng: 127.3000, type: 'mlrs', description: '170mm 자주포·240mm 방사포. 수도권 직접 위협', recentUse: '상시 전투배치' }, + + // ═══ 핵시설 ═══ + { id: 'NK-L18', name: 'Yongbyon Nuclear Complex', nameKo: '영변 핵단지', lat: 39.7950, lng: 125.7550, type: 'icbm', description: '5MW 원자로, 재처리시설, 우라늄 농축시설. 핵무기 원료 생산', recentUse: '가동 중 (IAEA 추정)' }, + { id: 'NK-L19', name: 'Punggye-ri Nuclear Test Site', nameKo: '풍계리 핵실험장', lat: 41.2810, lng: 129.0780, type: 'icbm', description: '만탑산 지하 핵실험장. 6차례 핵실험 수행. 2018 폭파 후 복구 정황', recentUse: '2017.9 6차 핵실험' }, +]; diff --git a/frontend/src/data/nkMissileEvents.ts b/frontend/src/data/nkMissileEvents.ts new file mode 100644 index 0000000..c265bb4 --- /dev/null +++ b/frontend/src/data/nkMissileEvents.ts @@ -0,0 +1,71 @@ +// ═══ North Korea Missile Launch Events 2026 (OSINT / ROK JCS) ═══ +// Based on: ROK Joint Chiefs of Staff announcements, NHK, 38 North, CSIS + +export interface NKMissileEvent { + id: string; + date: string; + time: string; // KST 발사 시각 + type: string; + typeKo: string; + launchLat: number; + launchLng: number; + launchName: string; + launchNameKo: string; + impactLat: number; + impactLng: number; + distanceKm: number; + altitudeKm: number; + flightMin: number; // 비행시간(분) + note: string; +} + +export const NK_MISSILE_EVENTS: NKMissileEvent[] = [ + { + id: 'NKM-2026-01', + date: '2026-01-08', + time: '07:15', + type: 'Hwasong-18 (ICBM)', + typeKo: '화성-18 (ICBM)', + launchLat: 39.22, launchLng: 125.67, + launchName: 'Sunan (Pyongyang)', launchNameKo: '순안 (평양)', + impactLat: 40.50, impactLng: 134.50, + distanceKm: 1200, altitudeKm: 6500, flightMin: 73, + note: '고체연료 ICBM 3단, 고각발사. 일본 EEZ 내 낙하. 합참 08:28 발표', + }, + { + id: 'NKM-2026-02', + date: '2026-02-14', + time: '11:03', + type: 'Hwasong-12 (IRBM)', + typeKo: '화성-12 (IRBM)', + launchLat: 39.04, launchLng: 125.78, + launchName: 'Pyongyang area', launchNameKo: '평양 일대', + impactLat: 39.80, impactLng: 136.20, + distanceKm: 4500, altitudeKm: 980, flightMin: 30, + note: '중거리 탄도미사일, 정상각 발사. 일본 상공 통과 추정. 합참 11:35 발표', + }, + { + id: 'NKM-2026-03', + date: '2026-03-12', + time: '06:42', + type: 'Hwasong-11 (KN-23) x2', + typeKo: '화성-11 (KN-23) 2발', + launchLat: 39.15, launchLng: 127.45, + launchName: 'Wonsan area', launchNameKo: '원산 일대', + impactLat: 38.60, impactLng: 131.80, + distanceKm: 450, altitudeKm: 60, flightMin: 8, + note: '단거리 2발 연속 발사 (06:42, 06:48). 저고도 변칙기동, 이스칸데르형. 동해 낙하', + }, + { + id: 'NKM-2026-04', + date: '2026-03-18', + time: '16:30', + type: 'KN-25 (SRBM) x3', + typeKo: 'KN-25 (단거리) 3발', + launchLat: 39.15, launchLng: 127.45, + launchName: 'Wonsan area', launchNameKo: '원산 일대', + impactLat: 38.90, impactLng: 131.50, + distanceKm: 380, altitudeKm: 90, flightMin: 7, + note: '초대형 방사포 3발 연속 발사. 동해상 낙하. 합참 17:05 발표', + }, +]; diff --git a/frontend/src/data/oilFacilities.ts b/frontend/src/data/oilFacilities.ts index e181239..8760592 100644 --- a/frontend/src/data/oilFacilities.ts +++ b/frontend/src/data/oilFacilities.ts @@ -183,14 +183,16 @@ export const iranOilFacilities: OilFacility[] = [ // ═══ 가스전 (Gas Fields) ═══ { id: 'gas-southpars', - name: 'South Pars Gas Field', - nameKo: '사우스파르스 가스전', + name: 'South Pars Gas Field (Phase 3-6)', + nameKo: '사우스파르스 가스전 (3·4·5·6광구)', lat: 27.0000, lng: 52.0000, type: 'gasfield', capacityMcfd: 20_000, reservesTcf: 500, operator: 'Pars Oil & Gas Co.', - description: '세계 최대 가스전 (카타르 노스돔과 공유). 매장량 500조 입방피트. 이란 가스 수출 핵심.', + description: '세계 최대 가스전 (카타르 노스돔과 공유). 2026.3.18 이스라엘 공습으로 3·4·5·6광구 화재·가동 중단.', + damaged: true, + damagedAt: Date.UTC(2026, 2, 18, 0, 0, 0), }, { id: 'gas-northpars', @@ -364,6 +366,18 @@ export const iranOilFacilities: OilFacility[] = [ operator: 'EWA Bahrain', description: '바레인 주요 수자원. 일 9,000만 갤런. 국가 물 수요 80% 담당.', }, + { + id: 'gas-ras-laffan', + name: 'Ras Laffan LNG/Gas Complex (Qatar)', + nameKo: '라스라판 LNG/가스 단지 (카타르)', + lat: 25.9200, lng: 51.5400, + type: 'gasfield', + capacityMcfd: 14_000, + operator: 'QatarEnergy', + description: '세계 최대 LNG 수출기지. 2026.3.18 이란 보복 공격으로 피격. 사우스파르스 공습에 대한 보복.', + damaged: true, + damagedAt: Date.UTC(2026, 2, 18, 6, 0, 0), + }, { id: 'desal-ras-laffan', name: 'Ras Laffan Desalination Plant', diff --git a/frontend/src/data/ports.ts b/frontend/src/data/ports.ts new file mode 100644 index 0000000..7e44cfc --- /dev/null +++ b/frontend/src/data/ports.ts @@ -0,0 +1,76 @@ +// ═══ East Asia Major Ports ═══ + +export interface Port { + id: string; + name: string; + nameKo: string; + lat: number; + lng: number; + country: 'KR' | 'CN' | 'JP' | 'KP' | 'TW'; + type: 'major' | 'medium'; +} + +export const EAST_ASIA_PORTS: Port[] = [ + // ═══ 🇰🇷 한국 ═══ + { id: 'KR-BSN', name: 'Busan', nameKo: '부산항', lat: 35.1028, lng: 129.0403, country: 'KR', type: 'major' }, + { id: 'KR-ICN', name: 'Incheon', nameKo: '인천항', lat: 37.4500, lng: 126.5933, country: 'KR', type: 'major' }, + { id: 'KR-GWY', name: 'Gwangyang', nameKo: '광양항', lat: 34.9167, lng: 127.6833, country: 'KR', type: 'major' }, + { id: 'KR-USN', name: 'Ulsan', nameKo: '울산항', lat: 35.5000, lng: 129.3833, country: 'KR', type: 'major' }, + { id: 'KR-PTK', name: 'Pyeongtaek-Dangjin', nameKo: '평택당진항', lat: 36.9667, lng: 126.8167, country: 'KR', type: 'major' }, + { id: 'KR-MKP', name: 'Mokpo', nameKo: '목포항', lat: 34.7833, lng: 126.3833, country: 'KR', type: 'medium' }, + { id: 'KR-YSU', name: 'Yeosu', nameKo: '여수항', lat: 34.7333, lng: 127.7667, country: 'KR', type: 'medium' }, + { id: 'KR-MSN', name: 'Masan', nameKo: '마산항', lat: 35.1833, lng: 128.5667, country: 'KR', type: 'medium' }, + { id: 'KR-POH', name: 'Pohang', nameKo: '포항항', lat: 36.0333, lng: 129.3833, country: 'KR', type: 'medium' }, + { id: 'KR-DH', name: 'Donghae', nameKo: '동해항', lat: 37.5000, lng: 129.1167, country: 'KR', type: 'medium' }, + { id: 'KR-JEJ', name: 'Jeju', nameKo: '제주항', lat: 33.5167, lng: 126.5333, country: 'KR', type: 'medium' }, + + // ═══ 🇨🇳 중국 ═══ + { id: 'CN-SHA', name: 'Shanghai', nameKo: '상하이항', lat: 31.3600, lng: 121.6200, country: 'CN', type: 'major' }, + { id: 'CN-NGB', name: 'Ningbo-Zhoushan', nameKo: '닝보저우산항', lat: 29.8700, lng: 121.8800, country: 'CN', type: 'major' }, + { id: 'CN-SZX', name: 'Shenzhen', nameKo: '선전항', lat: 22.4800, lng: 114.0700, country: 'CN', type: 'major' }, + { id: 'CN-GZU', name: 'Guangzhou', nameKo: '광저우항', lat: 23.0800, lng: 113.5800, country: 'CN', type: 'major' }, + { id: 'CN-QDO', name: 'Qingdao', nameKo: '칭다오항', lat: 36.0500, lng: 120.3300, country: 'CN', type: 'major' }, + { id: 'CN-TSN', name: 'Tianjin', nameKo: '톈진항', lat: 38.9800, lng: 117.7300, country: 'CN', type: 'major' }, + { id: 'CN-DLC', name: 'Dalian', nameKo: '다롄항', lat: 38.9200, lng: 121.6500, country: 'CN', type: 'major' }, + { id: 'CN-XMN', name: 'Xiamen', nameKo: '샤먼항', lat: 24.4500, lng: 118.0800, country: 'CN', type: 'major' }, + { id: 'CN-YTI', name: 'Yantian', nameKo: '옌톈항', lat: 22.5700, lng: 114.2700, country: 'CN', type: 'major' }, + { id: 'CN-LYG', name: 'Lianyungang', nameKo: '롄윈강항', lat: 34.7400, lng: 119.4400, country: 'CN', type: 'medium' }, + { id: 'CN-YNT', name: 'Yantai', nameKo: '옌타이항', lat: 37.5400, lng: 121.3900, country: 'CN', type: 'medium' }, + { id: 'CN-WEH', name: 'Weihai', nameKo: '웨이하이항', lat: 37.5000, lng: 122.1200, country: 'CN', type: 'medium' }, + { id: 'CN-RZH', name: 'Rizhao', nameKo: '르자오항', lat: 35.3800, lng: 119.5500, country: 'CN', type: 'medium' }, + { id: 'CN-FZU', name: 'Fuzhou', nameKo: '푸저우항', lat: 25.9800, lng: 119.4400, country: 'CN', type: 'medium' }, + + // ═══ 🇯🇵 일본 ═══ + { id: 'JP-TYO', name: 'Tokyo', nameKo: '도쿄항', lat: 35.6200, lng: 139.7700, country: 'JP', type: 'major' }, + { id: 'JP-YOK', name: 'Yokohama', nameKo: '요코하마항', lat: 35.4500, lng: 139.6500, country: 'JP', type: 'major' }, + { id: 'JP-NGY', name: 'Nagoya', nameKo: '나고야항', lat: 35.0800, lng: 136.8800, country: 'JP', type: 'major' }, + { id: 'JP-OSA', name: 'Osaka', nameKo: '오사카항', lat: 34.6500, lng: 135.4300, country: 'JP', type: 'major' }, + { id: 'JP-KOB', name: 'Kobe', nameKo: '고베항', lat: 34.6800, lng: 135.1900, country: 'JP', type: 'major' }, + { id: 'JP-KIT', name: 'Kitakyushu', nameKo: '기타큐슈항', lat: 33.9500, lng: 130.9400, country: 'JP', type: 'major' }, + { id: 'JP-HKT', name: 'Hakata', nameKo: '하카타항', lat: 33.6000, lng: 130.4000, country: 'JP', type: 'major' }, + { id: 'JP-HSM', name: 'Hiroshima', nameKo: '히로시마항', lat: 34.3500, lng: 132.4500, country: 'JP', type: 'medium' }, + { id: 'JP-NGS', name: 'Nagasaki', nameKo: '나가사키항', lat: 32.7400, lng: 129.8700, country: 'JP', type: 'medium' }, + { id: 'JP-KGS', name: 'Kagoshima', nameKo: '가고시마항', lat: 31.5800, lng: 130.5600, country: 'JP', type: 'medium' }, + { id: 'JP-NII', name: 'Niigata', nameKo: '니가타항', lat: 37.9500, lng: 139.0600, country: 'JP', type: 'medium' }, + { id: 'JP-SAS', name: 'Sasebo', nameKo: '사세보항', lat: 33.1600, lng: 129.7200, country: 'JP', type: 'medium' }, + { id: 'JP-SMZ', name: 'Shimizu', nameKo: '시미즈항', lat: 35.0200, lng: 138.5000, country: 'JP', type: 'medium' }, + + // ═══ 🇰🇵 북한 ═══ + { id: 'KP-NAM', name: 'Nampo', nameKo: '남포항', lat: 38.7370, lng: 125.3950, country: 'KP', type: 'major' }, + { id: 'KP-WON', name: 'Wonsan', nameKo: '원산항', lat: 39.1530, lng: 127.4430, country: 'KP', type: 'major' }, + { id: 'KP-CHO', name: 'Chongjin', nameKo: '청진항', lat: 41.7900, lng: 129.7900, country: 'KP', type: 'major' }, + { id: 'KP-HNG', name: 'Hungnam', nameKo: '흥남항', lat: 39.8300, lng: 127.6200, country: 'KP', type: 'major' }, + { id: 'KP-HJU', name: 'Haeju', nameKo: '해주항', lat: 38.0300, lng: 125.7100, country: 'KP', type: 'medium' }, + { id: 'KP-SNP', name: 'Sinpo', nameKo: '신포항', lat: 40.0300, lng: 128.1800, country: 'KP', type: 'medium' }, + { id: 'KP-KSG', name: 'Kimchaek (Songjin)', nameKo: '김책항 (성진)', lat: 40.6700, lng: 129.1900, country: 'KP', type: 'medium' }, + { id: 'KP-RSN', name: 'Rajin-Sonbong', nameKo: '나진선봉항', lat: 42.2500, lng: 130.2900, country: 'KP', type: 'medium' }, + + // ═══ 🇹🇼 대만 ═══ + { id: 'TW-KHH', name: 'Kaohsiung', nameKo: '가오슝항', lat: 22.6100, lng: 120.2800, country: 'TW', type: 'major' }, + { id: 'TW-KEL', name: 'Keelung', nameKo: '지룽항', lat: 25.1300, lng: 121.7400, country: 'TW', type: 'major' }, + { id: 'TW-TXG', name: 'Taichung', nameKo: '타이중항', lat: 24.2900, lng: 120.5100, country: 'TW', type: 'major' }, + { id: 'TW-HUA', name: 'Hualien', nameKo: '화롄항', lat: 23.9800, lng: 121.6300, country: 'TW', type: 'medium' }, + { id: 'TW-SUO', name: 'Suao', nameKo: '쑤아오항', lat: 24.5900, lng: 121.8600, country: 'TW', type: 'medium' }, + { id: 'TW-ANP', name: 'Anping (Tainan)', nameKo: '안핑항 (타이난)', lat: 22.9800, lng: 120.1600, country: 'TW', type: 'medium' }, + { id: 'TW-MZG', name: 'Magong (Penghu)', nameKo: '마공항 (펑후)', lat: 23.5600, lng: 119.5700, country: 'TW', type: 'medium' }, +]; diff --git a/frontend/src/data/windFarms.ts b/frontend/src/data/windFarms.ts new file mode 100644 index 0000000..5679b92 --- /dev/null +++ b/frontend/src/data/windFarms.ts @@ -0,0 +1,36 @@ +// ═══ 한국 해상풍력발전단지 데이터 ═══ +// Source: https://kwonpolice.tistory.com/137 + +export interface WindFarm { + id: string; + name: string; + region: string; + lat: number; + lng: number; + turbines: number; + capacityMW: number; + status: '운영중' | '건설중' | '계획'; + year?: number; +} + +export const KOREA_WIND_FARMS: WindFarm[] = [ + // ═══ 제주 ═══ + { id: 'wf-01', name: '월정 해상풍력 1호', region: '제주', lat: 33.575, lng: 126.79, turbines: 1, capacityMW: 3, status: '운영중', year: 2017 }, + { id: 'wf-02', name: '월정 해상풍력 2호', region: '제주', lat: 33.575, lng: 126.78, turbines: 1, capacityMW: 3, status: '운영중', year: 2017 }, + { id: 'wf-03', name: '탐라 해상풍력단지', region: '제주', lat: 33.360, lng: 126.18, turbines: 10, capacityMW: 30, status: '운영중', year: 2017 }, + + // ═══ 경주 ═══ + { id: 'wf-04', name: 'GS천북 해상풍력', region: '경주', lat: 35.937, lng: 129.28, turbines: 3, capacityMW: 9, status: '운영중', year: 2018 }, + + // ═══ 군산 ═══ + { id: 'wf-05', name: '군산 해상풍력', region: '군산', lat: 35.972, lng: 126.51, turbines: 1, capacityMW: 3, status: '운영중', year: 2016 }, + + // ═══ 양산 ═══ + { id: 'wf-06', name: '어곡 해상풍력', region: '양산', lat: 35.426, lng: 128.99, turbines: 1, capacityMW: 3, status: '운영중', year: 2019 }, + + // ═══ 영광 ═══ + { id: 'wf-07', name: '영광 해상풍력단지', region: '영광', lat: 35.260, lng: 126.325, turbines: 15, capacityMW: 35, status: '운영중', year: 2020 }, + + // ═══ 서남해 실증단지 (부안/영광) ═══ + { id: 'wf-08', name: '서남해 해상풍력 실증단지', region: '부안', lat: 35.480, lng: 126.315, turbines: 20, capacityMW: 60, status: '운영중', year: 2019 }, +]; diff --git a/frontend/src/hooks/useKoreaData.ts b/frontend/src/hooks/useKoreaData.ts index f7952af..99ba14a 100644 --- a/frontend/src/hooks/useKoreaData.ts +++ b/frontend/src/hooks/useKoreaData.ts @@ -13,6 +13,7 @@ interface UseKoreaDataArgs { isLive: boolean; hiddenAcCategories: Set; hiddenShipCategories: Set; + hiddenNationalities: Set; refreshKey: number; } @@ -26,6 +27,8 @@ interface UseKoreaDataResult { koreaKoreanShips: Ship[]; koreaChineseShips: Ship[]; shipsByCategory: Record; + shipsByNationality: Record; + fishingByNationality: Record; aircraftByCategory: Record; militaryCount: number; } @@ -33,11 +36,22 @@ interface UseKoreaDataResult { const SHIP_POLL_INTERVAL = 300_000; // 5 min const SHIP_STALE_MS = 3_600_000; // 60 min +/** Map flag code to nationality group key */ +export function getNationalityGroup(flag?: string): string { + if (!flag) return 'unclassified'; + if (flag === 'KR') return 'KR'; + if (flag === 'CN') return 'CN'; + if (flag === 'KP') return 'KP'; + if (flag === 'JP') return 'JP'; + return 'unclassified'; +} + export function useKoreaData({ currentTime, isLive, hiddenAcCategories, hiddenShipCategories, + hiddenNationalities, refreshKey, }: UseKoreaDataArgs): UseKoreaDataResult { const [baseAircraftKorea, setBaseAircraftKorea] = useState([]); @@ -144,8 +158,11 @@ export function useKoreaData({ ); const visibleShips = useMemo( - () => ships.filter(s => !hiddenShipCategories.has(getMarineTrafficCategory(s.typecode, s.category))), - [ships, hiddenShipCategories], + () => ships.filter(s => + !hiddenShipCategories.has(getMarineTrafficCategory(s.typecode, s.category)) + && !hiddenNationalities.has(getNationalityGroup(s.flag)), + ), + [ships, hiddenShipCategories, hiddenNationalities], ); // Korea region stats @@ -161,6 +178,26 @@ export function useKoreaData({ return counts; }, [ships]); + const shipsByNationality = useMemo(() => { + const counts: Record = {}; + for (const s of ships) { + const nat = getNationalityGroup(s.flag); + counts[nat] = (counts[nat] || 0) + 1; + } + return counts; + }, [ships]); + + const fishingByNationality = useMemo(() => { + const counts: Record = {}; + for (const s of ships) { + if (getMarineTrafficCategory(s.typecode, s.category) !== 'fishing') continue; + const flag = s.flag || 'unknown'; + const group = flag === 'CN' ? 'CN' : flag === 'KR' ? 'KR' : flag === 'JP' ? 'JP' : 'other'; + counts[group] = (counts[group] || 0) + 1; + } + return counts; + }, [ships]); + // Korea aircraft stats const aircraftByCategory = useMemo(() => { const counts: Record = {}; @@ -185,6 +222,8 @@ export function useKoreaData({ koreaKoreanShips, koreaChineseShips, shipsByCategory, + shipsByNationality, + fishingByNationality, aircraftByCategory, militaryCount, }; diff --git a/frontend/src/i18n/locales/en/ships.json b/frontend/src/i18n/locales/en/ships.json index f042d7e..9dff65a 100644 --- a/frontend/src/i18n/locales/en/ships.json +++ b/frontend/src/i18n/locales/en/ships.json @@ -26,6 +26,7 @@ "tanker": "Tanker", "passenger": "Passenger", "fishing": "Fishing", + "fishing_gear": "Gear/Net", "military": "Military", "tug_special": "Tug/Special", "high_speed": "High Speed", @@ -105,8 +106,8 @@ "loading": "Loading..." }, "status": { - "anchored": "Anchored", - "underway": "Underway", + "anchored": "Anch", + "underway": "Under", "moored": "Moored", "total": "Total" }, diff --git a/frontend/src/i18n/locales/ko/ships.json b/frontend/src/i18n/locales/ko/ships.json index 48e4481..50125f6 100644 --- a/frontend/src/i18n/locales/ko/ships.json +++ b/frontend/src/i18n/locales/ko/ships.json @@ -26,6 +26,7 @@ "tanker": "유조선", "passenger": "여객선", "fishing": "어선", + "fishing_gear": "어구/어망", "military": "군함", "tug_special": "예인선", "high_speed": "고속선", diff --git a/frontend/src/services/airports.ts b/frontend/src/services/airports.ts index f52a211..53b8deb 100644 --- a/frontend/src/services/airports.ts +++ b/frontend/src/services/airports.ts @@ -1,5 +1,5 @@ -// ═══ Korean Airports Data ═══ -// International + Domestic merged into single markers +// ═══ East Asia Airports Data ═══ +// Korea + China + Japan airports export interface KoreanAirport { id: string; // IATA code @@ -11,28 +11,89 @@ export interface KoreanAirport { type: 'international' | 'domestic' | 'military'; intl: boolean; // has international flights domestic: boolean; // has domestic flights + country?: 'KR' | 'CN' | 'JP' | 'KP' | 'TW'; } export const KOREAN_AIRPORTS: KoreanAirport[] = [ - // ═══ 주요 국제공항 ═══ - { id: 'ICN', icao: 'RKSI', name: 'Incheon Intl', nameKo: '인천국제공항', lat: 37.4602, lng: 126.4407, type: 'international', intl: true, domestic: true }, - { id: 'GMP', icao: 'RKSS', name: 'Gimpo Intl', nameKo: '김포국제공항', lat: 37.5583, lng: 126.7906, type: 'international', intl: true, domestic: true }, - { id: 'PUS', icao: 'RKPK', name: 'Gimhae Intl', nameKo: '김해국제공항', lat: 35.1795, lng: 128.9382, type: 'international', intl: true, domestic: true }, - { id: 'CJU', icao: 'RKPC', name: 'Jeju Intl', nameKo: '제주국제공항', lat: 33.5113, lng: 126.4929, type: 'international', intl: true, domestic: true }, - { id: 'TAE', icao: 'RKTN', name: 'Daegu Intl', nameKo: '대구국제공항', lat: 35.8941, lng: 128.6589, type: 'international', intl: true, domestic: true }, - { id: 'CJJ', icao: 'RKTU', name: 'Cheongju Intl', nameKo: '청주국제공항', lat: 36.7166, lng: 127.4991, type: 'international', intl: true, domestic: true }, - { id: 'MWX', icao: 'RKJB', name: 'Muan Intl', nameKo: '무안국제공항', lat: 34.9914, lng: 126.3828, type: 'international', intl: true, domestic: true }, + // ═══ 🇰🇷 한국 주요 국제공항 ═══ + { id: 'ICN', icao: 'RKSI', name: 'Incheon Intl', nameKo: '인천국제공항', lat: 37.4602, lng: 126.4407, type: 'international', intl: true, domestic: true, country: 'KR' }, + { id: 'GMP', icao: 'RKSS', name: 'Gimpo Intl', nameKo: '김포국제공항', lat: 37.5583, lng: 126.7906, type: 'international', intl: true, domestic: true, country: 'KR' }, + { id: 'PUS', icao: 'RKPK', name: 'Gimhae Intl', nameKo: '김해국제공항', lat: 35.1795, lng: 128.9382, type: 'international', intl: true, domestic: true, country: 'KR' }, + { id: 'CJU', icao: 'RKPC', name: 'Jeju Intl', nameKo: '제주국제공항', lat: 33.5113, lng: 126.4929, type: 'international', intl: true, domestic: true, country: 'KR' }, + { id: 'TAE', icao: 'RKTN', name: 'Daegu Intl', nameKo: '대구국제공항', lat: 35.8941, lng: 128.6589, type: 'international', intl: true, domestic: true, country: 'KR' }, + { id: 'CJJ', icao: 'RKTU', name: 'Cheongju Intl', nameKo: '청주국제공항', lat: 36.7166, lng: 127.4991, type: 'international', intl: true, domestic: true, country: 'KR' }, + { id: 'MWX', icao: 'RKJB', name: 'Muan Intl', nameKo: '무안국제공항', lat: 34.9914, lng: 126.3828, type: 'international', intl: true, domestic: true, country: 'KR' }, - // ═══ 국내선 공항 ═══ - { id: 'KWJ', icao: 'RKJJ', name: 'Gwangju', nameKo: '광주공항', lat: 35.1264, lng: 126.8089, type: 'domestic', intl: false, domestic: true }, - { id: 'RSU', icao: 'RKJY', name: 'Yeosu', nameKo: '여수공항', lat: 34.8423, lng: 127.6170, type: 'domestic', intl: false, domestic: true }, - { id: 'USN', icao: 'RKPU', name: 'Ulsan', nameKo: '울산공항', lat: 35.5935, lng: 129.3519, type: 'domestic', intl: false, domestic: true }, - { id: 'KPO', icao: 'RKTH', name: 'Pohang', nameKo: '포항공항', lat: 35.9878, lng: 129.4205, type: 'domestic', intl: false, domestic: true }, - { id: 'HIN', icao: 'RKPS', name: 'Sacheon', nameKo: '사천공항', lat: 35.0886, lng: 128.0702, type: 'domestic', intl: false, domestic: true }, - { id: 'WJU', icao: 'RKNW', name: 'Wonju', nameKo: '원주공항', lat: 37.4381, lng: 127.9604, type: 'domestic', intl: false, domestic: true }, - { id: 'KUV', icao: 'RKJK', name: 'Gunsan', nameKo: '군산공항', lat: 35.9038, lng: 126.6158, type: 'domestic', intl: false, domestic: true }, - { id: 'YNY', icao: 'RKNY', name: 'Yangyang Intl', nameKo: '양양국제공항', lat: 38.0613, lng: 128.6690, type: 'international', intl: true, domestic: true }, + // ═══ 🇰🇷 한국 국내선 공항 ═══ + { id: 'KWJ', icao: 'RKJJ', name: 'Gwangju', nameKo: '광주공항', lat: 35.1264, lng: 126.8089, type: 'domestic', intl: false, domestic: true, country: 'KR' }, + { id: 'RSU', icao: 'RKJY', name: 'Yeosu', nameKo: '여수공항', lat: 34.8423, lng: 127.6170, type: 'domestic', intl: false, domestic: true, country: 'KR' }, + { id: 'USN', icao: 'RKPU', name: 'Ulsan', nameKo: '울산공항', lat: 35.5935, lng: 129.3519, type: 'domestic', intl: false, domestic: true, country: 'KR' }, + { id: 'KPO', icao: 'RKTH', name: 'Pohang', nameKo: '포항공항', lat: 35.9878, lng: 129.4205, type: 'domestic', intl: false, domestic: true, country: 'KR' }, + { id: 'HIN', icao: 'RKPS', name: 'Sacheon', nameKo: '사천공항', lat: 35.0886, lng: 128.0702, type: 'domestic', intl: false, domestic: true, country: 'KR' }, + { id: 'WJU', icao: 'RKNW', name: 'Wonju', nameKo: '원주공항', lat: 37.4381, lng: 127.9604, type: 'domestic', intl: false, domestic: true, country: 'KR' }, + { id: 'KUV', icao: 'RKJK', name: 'Gunsan', nameKo: '군산공항', lat: 35.9038, lng: 126.6158, type: 'domestic', intl: false, domestic: true, country: 'KR' }, + { id: 'YNY', icao: 'RKNY', name: 'Yangyang Intl', nameKo: '양양국제공항', lat: 38.0613, lng: 128.6690, type: 'international', intl: true, domestic: true, country: 'KR' }, - // ═══ 도서 공항 ═══ - { id: 'JDG', icao: 'RKPD', name: 'Jeongseok (Ulleungdo)', nameKo: '울릉공항', lat: 37.5200, lng: 130.8980, type: 'domestic', intl: false, domestic: true }, + // ═══ 🇰🇷 한국 도서 공항 ═══ + { id: 'JDG', icao: 'RKPD', name: 'Jeongseok (Ulleungdo)', nameKo: '울릉공항', lat: 37.5200, lng: 130.8980, type: 'domestic', intl: false, domestic: true, country: 'KR' }, + + // ═══ 🇨🇳 중국 주요 공항 ═══ + { id: 'PEK', icao: 'ZBAA', name: 'Beijing Capital Intl', nameKo: '베이징 서우두국제공항', lat: 40.0799, lng: 116.6031, type: 'international', intl: true, domestic: true, country: 'CN' }, + { id: 'PKX', icao: 'ZBAD', name: 'Beijing Daxing Intl', nameKo: '베이징 다싱국제공항', lat: 39.5098, lng: 116.4105, type: 'international', intl: true, domestic: true, country: 'CN' }, + { id: 'PVG', icao: 'ZSPD', name: 'Shanghai Pudong Intl', nameKo: '상하이 푸둥국제공항', lat: 31.1434, lng: 121.8052, type: 'international', intl: true, domestic: true, country: 'CN' }, + { id: 'SHA', icao: 'ZSSS', name: 'Shanghai Hongqiao Intl', nameKo: '상하이 홍차오국제공항', lat: 31.1979, lng: 121.3363, type: 'international', intl: true, domestic: true, country: 'CN' }, + { id: 'CAN', icao: 'ZGGG', name: 'Guangzhou Baiyun Intl', nameKo: '광저우 바이윈국제공항', lat: 23.3924, lng: 113.2988, type: 'international', intl: true, domestic: true, country: 'CN' }, + { id: 'SZX', icao: 'ZGSZ', name: 'Shenzhen Baoan Intl', nameKo: '선전 바오안국제공항', lat: 22.6393, lng: 113.8107, type: 'international', intl: true, domestic: true, country: 'CN' }, + { id: 'CTU', icao: 'ZUUU', name: 'Chengdu Shuangliu Intl', nameKo: '청두 솽류국제공항', lat: 30.5785, lng: 103.9471, type: 'international', intl: true, domestic: true, country: 'CN' }, + { id: 'CKG', icao: 'ZUCK', name: 'Chongqing Jiangbei Intl', nameKo: '충칭 장베이국제공항', lat: 29.7192, lng: 106.6417, type: 'international', intl: true, domestic: true, country: 'CN' }, + { id: 'HGH', icao: 'ZSHC', name: 'Hangzhou Xiaoshan Intl', nameKo: '항저우 샤오산국제공항', lat: 30.2295, lng: 120.4344, type: 'international', intl: true, domestic: true, country: 'CN' }, + { id: 'NKG', icao: 'ZSNJ', name: 'Nanjing Lukou Intl', nameKo: '난징 루커우국제공항', lat: 31.7420, lng: 118.8620, type: 'international', intl: true, domestic: true, country: 'CN' }, + { id: 'XIY', icao: 'ZLXY', name: "Xi'an Xianyang Intl", nameKo: '시안 셴양국제공항', lat: 34.4471, lng: 108.7516, type: 'international', intl: true, domestic: true, country: 'CN' }, + { id: 'WUH', icao: 'ZHHH', name: 'Wuhan Tianhe Intl', nameKo: '우한 톈허국제공항', lat: 30.7838, lng: 114.2081, type: 'international', intl: true, domestic: true, country: 'CN' }, + { id: 'KMG', icao: 'ZPPP', name: 'Kunming Changshui Intl', nameKo: '쿤밍 창수이국제공항', lat: 25.1019, lng: 102.9292, type: 'international', intl: true, domestic: true, country: 'CN' }, + { id: 'TSN', icao: 'ZBTJ', name: 'Tianjin Binhai Intl', nameKo: '톈진 빈하이국제공항', lat: 39.1244, lng: 117.3462, type: 'international', intl: true, domestic: true, country: 'CN' }, + { id: 'SHE', icao: 'ZYTX', name: 'Shenyang Taoxian Intl', nameKo: '선양 타오셴국제공항', lat: 41.6398, lng: 123.4833, type: 'international', intl: true, domestic: true, country: 'CN' }, + { id: 'DLC', icao: 'ZYTL', name: 'Dalian Zhoushuizi Intl', nameKo: '다롄 저우수이쯔국제공항', lat: 38.9657, lng: 121.5386, type: 'international', intl: true, domestic: true, country: 'CN' }, + { id: 'TAO', icao: 'ZSQD', name: 'Qingdao Jiaodong Intl', nameKo: '칭다오 자오둥국제공항', lat: 36.3711, lng: 120.0875, type: 'international', intl: true, domestic: true, country: 'CN' }, + { id: 'XMN', icao: 'ZSAM', name: 'Xiamen Gaoqi Intl', nameKo: '샤먼 가오치국제공항', lat: 24.5440, lng: 118.1278, type: 'international', intl: true, domestic: true, country: 'CN' }, + { id: 'HRB', icao: 'ZYHB', name: 'Harbin Taiping Intl', nameKo: '하얼빈 타이핑국제공항', lat: 45.6234, lng: 126.2503, type: 'international', intl: true, domestic: true, country: 'CN' }, + { id: 'CGQ', icao: 'ZYCC', name: 'Changchun Longjia Intl', nameKo: '창춘 룽자국제공항', lat: 43.9962, lng: 125.6853, type: 'international', intl: true, domestic: true, country: 'CN' }, + + // ═══ 🇯🇵 일본 주요 공항 ═══ + { id: 'NRT', icao: 'RJAA', name: 'Narita Intl', nameKo: '나리타국제공항', lat: 35.7647, lng: 140.3864, type: 'international', intl: true, domestic: true, country: 'JP' }, + { id: 'HND', icao: 'RJTT', name: 'Tokyo Haneda', nameKo: '하네다공항', lat: 35.5533, lng: 139.7811, type: 'international', intl: true, domestic: true, country: 'JP' }, + { id: 'KIX', icao: 'RJBB', name: 'Kansai Intl', nameKo: '간사이국제공항', lat: 34.4320, lng: 135.2304, type: 'international', intl: true, domestic: true, country: 'JP' }, + { id: 'ITM', icao: 'RJOO', name: 'Osaka Itami', nameKo: '오사카 이타미공항', lat: 34.7855, lng: 135.4380, type: 'international', intl: true, domestic: true, country: 'JP' }, + { id: 'NGO', icao: 'RJGG', name: 'Chubu Centrair Intl', nameKo: '주부국제공항', lat: 34.8585, lng: 136.8125, type: 'international', intl: true, domestic: true, country: 'JP' }, + { id: 'FUK', icao: 'RJFF', name: 'Fukuoka', nameKo: '후쿠오카공항', lat: 33.5859, lng: 130.4511, type: 'international', intl: true, domestic: true, country: 'JP' }, + { id: 'CTS', icao: 'RJCC', name: 'New Chitose', nameKo: '신치토세공항', lat: 42.7752, lng: 141.6925, type: 'international', intl: true, domestic: true, country: 'JP' }, + { id: 'OKA', icao: 'ROAH', name: 'Naha', nameKo: '나하공항', lat: 26.1958, lng: 127.6459, type: 'international', intl: true, domestic: true, country: 'JP' }, + { id: 'HIJ', icao: 'RJOA', name: 'Hiroshima', nameKo: '히로시마공항', lat: 34.4361, lng: 132.9195, type: 'international', intl: true, domestic: true, country: 'JP' }, + { id: 'SDJ', icao: 'RJSS', name: 'Sendai', nameKo: '센다이공항', lat: 38.1397, lng: 140.9170, type: 'international', intl: true, domestic: true, country: 'JP' }, + { id: 'KOJ', icao: 'RJFK', name: 'Kagoshima', nameKo: '가고시마공항', lat: 31.8034, lng: 130.7195, type: 'international', intl: true, domestic: true, country: 'JP' }, + { id: 'KMQ', icao: 'RJNK', name: 'Komatsu', nameKo: '고마쓰공항', lat: 36.3946, lng: 136.4068, type: 'international', intl: true, domestic: true, country: 'JP' }, + { id: 'NGS', icao: 'RJFU', name: 'Nagasaki', nameKo: '나가사키공항', lat: 32.9169, lng: 129.9135, type: 'international', intl: true, domestic: true, country: 'JP' }, + { id: 'KMI', icao: 'RJFM', name: 'Miyazaki', nameKo: '미야자키공항', lat: 31.8772, lng: 131.4493, type: 'domestic', intl: false, domestic: true, country: 'JP' }, + { id: 'OIT', icao: 'RJFO', name: 'Oita', nameKo: '오이타공항', lat: 33.4794, lng: 131.7372, type: 'domestic', intl: false, domestic: true, country: 'JP' }, + { id: 'NKM', icao: 'RJNA', name: 'Nagoya Komaki', nameKo: '나고야 코마키공항', lat: 35.2551, lng: 136.9240, type: 'domestic', intl: false, domestic: true, country: 'JP' }, + { id: 'AOJ', icao: 'RJSA', name: 'Aomori', nameKo: '아오모리공항', lat: 40.7347, lng: 140.6909, type: 'domestic', intl: false, domestic: true, country: 'JP' }, + { id: 'AKJ', icao: 'RJEC', name: 'Asahikawa', nameKo: '아사히카와공항', lat: 43.6708, lng: 142.4475, type: 'domestic', intl: false, domestic: true, country: 'JP' }, + + // ═══ 🇰🇵 북한 공항 ═══ + { id: 'FNJ', icao: 'ZKPY', name: 'Pyongyang Sunan Intl', nameKo: '평양순안국제공항', lat: 39.2241, lng: 125.6700, type: 'international', intl: true, domestic: true, country: 'KP' }, + { id: 'WOS', icao: 'ZKWS', name: 'Wonsan Kalma Intl', nameKo: '원산갈마국제공항', lat: 39.1668, lng: 127.4860, type: 'international', intl: true, domestic: false, country: 'KP' }, + { id: 'RGO', icao: 'ZKHM', name: 'Orang (Chongjin)', nameKo: '어랑공항 (청진)', lat: 41.4280, lng: 129.6470, type: 'domestic', intl: false, domestic: true, country: 'KP' }, + { id: 'DSO', icao: 'ZKSD', name: 'Samjiyon', nameKo: '삼지연공항', lat: 41.9070, lng: 128.4100, type: 'domestic', intl: false, domestic: true, country: 'KP' }, + { id: 'YJS', icao: 'ZKSE', name: 'Kaesong', nameKo: '개성공항', lat: 37.9700, lng: 126.5600, type: 'domestic', intl: false, domestic: true, country: 'KP' }, + + // ═══ 🇹🇼 대만 공항 ═══ + { id: 'TPE', icao: 'RCTP', name: 'Taiwan Taoyuan Intl', nameKo: '타오위안국제공항', lat: 25.0777, lng: 121.2325, type: 'international', intl: true, domestic: true, country: 'TW' }, + { id: 'TSA', icao: 'RCSS', name: 'Taipei Songshan', nameKo: '타이베이 쑹산공항', lat: 25.0694, lng: 121.5525, type: 'international', intl: true, domestic: true, country: 'TW' }, + { id: 'KHH', icao: 'RCKH', name: 'Kaohsiung Intl', nameKo: '가오슝국제공항', lat: 22.5771, lng: 120.3500, type: 'international', intl: true, domestic: true, country: 'TW' }, + { id: 'RMQ', icao: 'RCMQ', name: 'Taichung Intl', nameKo: '타이중국제공항', lat: 24.2646, lng: 120.6210, type: 'international', intl: true, domestic: true, country: 'TW' }, + { id: 'TNN', icao: 'RCNN', name: 'Tainan', nameKo: '타이난공항', lat: 22.9504, lng: 120.2057, type: 'domestic', intl: false, domestic: true, country: 'TW' }, + { id: 'HUN', icao: 'RCYU', name: 'Hualien', nameKo: '화롄공항', lat: 24.0236, lng: 121.6162, type: 'domestic', intl: false, domestic: true, country: 'TW' }, + { id: 'TTT', icao: 'RCFN', name: 'Taitung', nameKo: '타이둥공항', lat: 22.7550, lng: 121.1018, type: 'domestic', intl: false, domestic: true, country: 'TW' }, + { id: 'KNH', icao: 'RCBS', name: 'Kinmen', nameKo: '진먼공항 (금문도)', lat: 24.4279, lng: 118.3592, type: 'domestic', intl: false, domestic: true, country: 'TW' }, + { id: 'MZG', icao: 'RCQC', name: 'Magong (Penghu)', nameKo: '마공공항 (펑후)', lat: 23.5687, lng: 119.6282, type: 'domestic', intl: false, domestic: true, country: 'TW' }, ]; diff --git a/frontend/src/services/cctv.ts b/frontend/src/services/cctv.ts index 7bb3d1e..21acbed 100644 --- a/frontend/src/services/cctv.ts +++ b/frontend/src/services/cctv.ts @@ -13,9 +13,8 @@ export interface CctvCamera { source: 'KHOA'; } -/** KHOA HLS 스트림 */ -const KHOA_HLS = 'https://www.khoa.go.kr/SEAFOG/m4NiLawsC202gM5ixA7MPTYtO19KmV/hls/khoa'; -function khoa(site: string) { return `${KHOA_HLS}/${site}/s.m3u8`; } +/** KHOA HLS 스트림 — 백엔드 프록시 경유 */ +function khoa(site: string) { return `/api/kcg/cctv/hls/${site}/s.m3u8`; } export const KOREA_CCTV_CAMERAS: CctvCamera[] = [ // ═══ 서해 (West Sea) ═══ diff --git a/frontend/src/services/coastGuard.ts b/frontend/src/services/coastGuard.ts index 50a318f..5e5b2e6 100644 --- a/frontend/src/services/coastGuard.ts +++ b/frontend/src/services/coastGuard.ts @@ -1,7 +1,7 @@ // ═══ 대한민국 해양경찰청 시설 위치 ═══ // Korea Coast Guard (KCG) facilities -export type CoastGuardType = 'hq' | 'regional' | 'station' | 'substation' | 'vts'; +export type CoastGuardType = 'hq' | 'regional' | 'station' | 'substation' | 'vts' | 'navy'; export interface CoastGuardFacility { id: number; @@ -17,6 +17,7 @@ const TYPE_LABEL: Record = { station: '해양경찰서', substation: '파출소', vts: 'VTS센터', + navy: '해군부대', }; export { TYPE_LABEL as CG_TYPE_LABEL }; @@ -79,4 +80,16 @@ export const COAST_GUARD_FACILITIES: CoastGuardFacility[] = [ { id: 112, name: '동해VTS', type: 'vts', lat: 37.5300, lng: 129.1200 }, { id: 113, name: '속초VTS', type: 'vts', lat: 38.2100, lng: 128.5930 }, { id: 114, name: '제주VTS', type: 'vts', lat: 33.5150, lng: 126.5400 }, + + // ═══ 🇰🇷 대한민국 해군부대 ═══ + { id: 200, name: '해군작전사령부 (부산)', type: 'navy', lat: 35.0800, lng: 129.0800 }, + { id: 201, name: '제1함대사령부 (동해)', type: 'navy', lat: 37.5100, lng: 129.1100 }, + { id: 202, name: '제2함대사령부 (평택)', type: 'navy', lat: 36.9700, lng: 126.8200 }, + { id: 203, name: '제3함대사령부 (목포)', type: 'navy', lat: 34.7900, lng: 126.3800 }, + { id: 204, name: '제주기지전대 (제주)', type: 'navy', lat: 33.2400, lng: 126.5700 }, + { id: 205, name: '진해군항 (창원)', type: 'navy', lat: 35.1300, lng: 128.6700 }, + { id: 206, name: '해군사관학교 (진해)', type: 'navy', lat: 35.1400, lng: 128.6900 }, + { id: 207, name: '제5성분전단 (포항)', type: 'navy', lat: 36.0200, lng: 129.3700 }, + { id: 208, name: '제6항공전단 (포항)', type: 'navy', lat: 35.9900, lng: 129.4200 }, + { id: 209, name: '제2연평해전 전적지 (NLL)', type: 'navy', lat: 37.6600, lng: 125.6200 }, ]; diff --git a/frontend/src/services/ships.ts b/frontend/src/services/ships.ts index 1a14997..439f1b2 100644 --- a/frontend/src/services/ships.ts +++ b/frontend/src/services/ships.ts @@ -83,7 +83,7 @@ const SPG_VESSEL_TYPE_MAP: Record = { 'Tanker': 'tanker', 'Passenger': 'civilian', 'Tug': 'civilian', - 'Fishing': 'civilian', + 'Fishing': 'fishing', 'Pilot Boat': 'civilian', 'Tender': 'civilian', 'Vessel': 'civilian', @@ -666,6 +666,11 @@ function aisTypeToVesselType(shipTy: string): string | undefined { return undefined; } +// 어구/어망 선박명 패턴: +// "이름_숫자_" (예: "HAEJIN_123_", "金龙_45_") +// "이름%" (예: "HAEJIN%", "金龙123%") +const FISHING_GEAR_NAME_PATTERN = /^.+_\d+_$|%$/; + function parseSignalBatchVessel(d: RecentPositionDetailDto): Ship { const name = (d.shipNm || '').trim(); const mmsi = String(d.mmsi || ''); @@ -676,7 +681,66 @@ function parseSignalBatchVessel(d: RecentPositionDetailDto): Ship { // Try as-is first (string), fall back to AIS numeric conversion const rawShipTy = (d.shipTy || '').trim(); const isNumeric = /^\d+$/.test(rawShipTy); - const vesselType = isNumeric ? aisTypeToVesselType(rawShipTy) : (rawShipTy || undefined); + let vesselType = isNumeric ? aisTypeToVesselType(rawShipTy) : (rawShipTy || undefined); + + // shipKindCode 보조 분류 (signal-batch 한국 데이터) + // 해양수산부 선종코드: 000020~000029 어선, 000023 화물, 000024 유조, 000030 어선 + const kindCode = (d.shipKindCode || '').trim(); + const kindNum = parseInt(kindCode, 10); + if (!vesselType || vesselType === 'N/A' || vesselType === 'Vessel') { + if (kindNum >= 20 && kindNum <= 22) vesselType = 'Fishing'; + else if (kindNum === 30 || kindNum === 31) vesselType = 'Fishing'; + else if (kindNum >= 10 && kindNum <= 15) vesselType = 'Fishing'; // 소형 어선류 + } + + // DEBUG: kindCode 분포 집계 + if (typeof window !== 'undefined') { + const w = window as Window & { __kindCodeMap?: Record; __kindCodeLogged?: boolean }; + if (!w.__kindCodeMap) w.__kindCodeMap = {}; + const km = w.__kindCodeMap; + const key = `${kindCode}|${rawShipTy}`; + km[key] = (km[key] || 0) + 1; + if (!w.__kindCodeLogged && Object.keys(km).length > 20) { + w.__kindCodeLogged = true; + console.log('[SHIP DEBUG] kindCode|shipTy distribution:', JSON.stringify( + Object.entries(km).sort((a, b) => b[1] - a[1]).slice(0, 30) + )); + } + } + if (!vesselType || vesselType === 'Vessel' || vesselType === 'N/A') { + if (kindCode.includes('어선') || kindCode.toLowerCase().includes('fish')) { + vesselType = 'Fishing'; + } else if (kindCode.includes('화물') || kindCode.toLowerCase().includes('cargo')) { + vesselType = 'Cargo'; + } else if (kindCode.includes('유조') || kindCode.toLowerCase().includes('tanker')) { + vesselType = 'Tanker'; + } else if (kindCode.includes('여객') || kindCode.toLowerCase().includes('passenger')) { + vesselType = 'Passenger'; + } else if (kindCode.includes('예인') || kindCode.toLowerCase().includes('tug')) { + vesselType = 'Tug'; + } + } + + // 어구/어망 판별: 선박명이 "이름_숫자_" 패턴 + if (FISHING_GEAR_NAME_PATTERN.test(name)) { + vesselType = 'FishingGear'; + } + + // 선박명 기반 어선 추정 (어구로 이미 분류된 것은 건너뜀) + if (vesselType !== 'FishingGear' && (!vesselType || vesselType === 'Vessel' || vesselType === 'N/A')) { + const nm = name.toLowerCase(); + // 중국 어선명 패턴: 省略号+渔+番号 (예: 鲁荣渔1234, 浙象渔05678) + if (/[鲁浙闽粤琼桂辽冀津沪苏].*渔/.test(name) || nm.includes('渔')) { + vesselType = 'Fishing'; + } + // AIS shipTy=0 이지만 중국 국적(412~416 MMSI) + 소형선(<50m)이면 어선 가능성 높음 + if (!vesselType && flag === 'CN' && d.length != null && d.length > 0 && d.length < 50) { + // 소형 중국선 중 화물/유조가 아닌 것은 어선 가능성 + if (rawShipTy === '0' || rawShipTy === '' || rawShipTy === '30') { + vesselType = 'Fishing'; + } + } + } // Existing classification: name pattern → vesselType string → MMSI prefix const category = classifyShip(name, mmsi, vesselType); diff --git a/frontend/src/types.ts b/frontend/src/types.ts index 1bad617..458e7fe 100644 --- a/frontend/src/types.ts +++ b/frontend/src/types.ts @@ -79,7 +79,7 @@ export interface SatellitePosition { } // Ship tracking (AIS) -export type ShipCategory = 'warship' | 'carrier' | 'destroyer' | 'submarine' | 'cargo' | 'tanker' | 'patrol' | 'civilian' | 'unknown'; +export type ShipCategory = 'warship' | 'carrier' | 'destroyer' | 'submarine' | 'cargo' | 'tanker' | 'patrol' | 'fishing' | 'civilian' | 'unknown'; export interface Ship { mmsi: string; // Maritime Mobile Service Identity @@ -142,6 +142,7 @@ export interface LayerVisibility { airports: boolean; sensorCharts: boolean; oilFacilities: boolean; + meFacilities: boolean; militaryOnly: boolean; } diff --git a/frontend/src/utils/fishingAnalysis.ts b/frontend/src/utils/fishingAnalysis.ts new file mode 100644 index 0000000..ad93e24 --- /dev/null +++ b/frontend/src/utils/fishingAnalysis.ts @@ -0,0 +1,241 @@ +// ═══ 중국 어선 조업 분석 — GC-KCG-2026-001 보고서 기반 ═══ +// 한중어업협정 허가현황 (2026.01.06, 906척) + GB/T 5147-2003 어구 분류 + +import type { Ship } from '../types'; + +/** + * 중국 허가 업종 코드 (허가번호 접두사) + * PT(C21): 2척식저인망 본선 323척 + 부속선(PT-S) 323척 + * OT(C22): 1척식저인망 13척 + * PS(C23): 위망(선망) 16척 (宁波海裕 단일법인) + * GN(C25): 유망(유자망) 200척 + * FC: 운반선 31척 + */ +export type FishingGearType = 'trawl_pair' | 'trawl_single' | 'gillnet' | 'stow_net' | 'purse_seine' | 'carrier' | 'unknown'; + +export interface FishingAnalysis { + gearType: FishingGearType; + gearTypeKo: string; + permitCode: string; // PT, OT, GN, PS, FC + gbCode: string; // GB/T 5147-2003 코드 + isOperating: boolean; + operatingStatusKo: string; + confidence: number; + riskLevel: 'CRITICAL' | 'HIGH' | 'MEDIUM' | 'LOW'; + riskReason: string; +} + +/** 업종별 메타데이터 */ +const GEAR_META: Record = { + trawl_pair: { ko: '2척식 저인망(PT)', icon: '🔻', color: '#ef4444', permitCode: 'PT', gbCode: 'TDS', speedRange: [2, 5], aiConfidence: '89~95%' }, + trawl_single: { ko: '1척식 저인망(OT)', icon: '🔻', color: '#dc2626', permitCode: 'OT', gbCode: 'TDD', speedRange: [2, 5], aiConfidence: '89~92%' }, + gillnet: { ko: '유자망(GN)', icon: '🔲', color: '#f97316', permitCode: 'GN', gbCode: 'CLD', speedRange: [0, 2], aiConfidence: '74~80%' }, + stow_net: { ko: '안강망(Z)', icon: '🪤', color: '#eab308', permitCode: '-', gbCode: 'ZD', speedRange: [0, 1], aiConfidence: '70~78%' }, + purse_seine: { ko: '위망/선망(PS)', icon: '🔄', color: '#3b82f6', permitCode: 'PS', gbCode: 'WDD', speedRange: [3, 10], aiConfidence: '94~97%' }, + carrier: { ko: '운반선(FC)', icon: '🚢', color: '#6b7280', permitCode: 'FC', gbCode: '-', speedRange: [0, 12], aiConfidence: '-' }, + unknown: { ko: '미분류', icon: '🐟', color: '#9ca3af', permitCode: '-', gbCode: '-', speedRange: [0, 0], aiConfidence: '-' }, +}; + +export { GEAR_META as GEAR_LABELS }; + +/** + * 특정어업수역 정의 (한중어업협정) + */ +const _FISHING_ZONES = { + I: { name: '수역Ⅰ(동해)', lngMin: 128.86, lngMax: 131.67, latMin: 35.65, latMax: 38.25, allowed: ['PS', 'FC'] }, + II: { name: '수역Ⅱ(남해)', lngMin: 126.00, lngMax: 128.89, latMin: 32.18, latMax: 34.34, allowed: ['PT', 'OT', 'GN', 'PS', 'FC'] }, + III:{ name: '수역Ⅲ(서남해)', lngMin: 124.01, lngMax: 126.08, latMin: 32.18, latMax: 35.00, allowed: ['PT', 'OT', 'GN', 'PS', 'FC'] }, + IV: { name: '수역Ⅳ(서해)', lngMin: 124.13, lngMax: 125.85, latMin: 35.00, latMax: 37.00, allowed: ['GN', 'PS', 'FC'] }, +}; + +/** + * 업종별 허가 기간 (월/일) + */ +const PERMIT_PERIODS: Record = { + PT: { periods: [[1,1, 4,15], [10,16, 12,31]], label: '1/1~4/15, 10/16~12/31' }, + OT: { periods: [[1,1, 4,15], [10,16, 12,31]], label: '1/1~4/15, 10/16~12/31' }, + GN: { periods: [[2,1, 6,1], [9,1, 12,31]], label: '2/1~6/1, 9/1~12/31' }, + PS: { periods: [[1,1, 12,31]], label: '연중' }, + FC: { periods: [[1,1, 12,31]], label: '연중' }, +}; + +function isInPermitPeriod(permitCode: string, date: Date): boolean { + const pp = PERMIT_PERIODS[permitCode]; + if (!pp) return false; + const m = date.getMonth() + 1; + const d = date.getDate(); + const dayOfYear = m * 100 + d; + return pp.periods.some(([m1, d1, m2, d2]) => dayOfYear >= m1 * 100 + d1 && dayOfYear <= m2 * 100 + d2); +} + +/** + * AIS 신호 기반 중국 어선 조업 분석 (보고서 4장 기반) + * + * 트롤(PT/OT): 2~5kn, Lawn-mowing 지그재그, 방향변화 <30° + * 자망(GN): 0~2kn 정지·재방문, AIS OFF 빈번 + * 선망(PS): 8~10kn→3kn 급전환, 원형 궤적 + * 운반선(FC): 환적 패턴 (0.5NM 접근 + 2kn이하 + 30분) + */ +export function analyzeFishing(ship: Ship): FishingAnalysis { + const speed = ship.speed; + const status = ship.status?.toLowerCase() || ''; + const isAnchored = status.includes('anchor') || status.includes('moor'); + + // 방향 변화율 (trail 기반) + let headingVariance = 0; + if (ship.trail && ship.trail.length >= 3) { + const pts = ship.trail.slice(-6); + const headings: number[] = []; + for (let i = 1; i < pts.length; i++) { + const dlng = pts[i][1] - pts[i - 1][1]; + const dlat = pts[i][0] - pts[i - 1][0]; + headings.push(Math.atan2(dlng, dlat) * 180 / Math.PI); + } + if (headings.length >= 2) { + const diffs = headings.slice(1).map((h, i) => { + let d = Math.abs(h - headings[i]); + if (d > 180) d = 360 - d; + return d; + }); + headingVariance = diffs.reduce((a, b) => a + b, 0) / diffs.length; + } + } + + let gearType: FishingGearType = 'unknown'; + let isOperating = false; + let operatingStatusKo = '이동 중'; + let confidence = 0.3; + + // === 패턴 매칭 (보고서 4.1~4.3 기준) === + + if (isAnchored || speed > 12) { + // 정박 또는 고속 이동 → 비조업 + gearType = 'unknown'; + isOperating = false; + operatingStatusKo = isAnchored ? '정박 중' : '고속 이동'; + confidence = 0.8; + + } else if (speed >= 8 && speed <= 10 && headingVariance > 30) { + // 선망(PS) 포위 단계: 8~10kn + 원형 궤적 + gearType = 'purse_seine'; + isOperating = true; + operatingStatusKo = '선망 포위 중 (8~10kn 원형)'; + confidence = 0.94; + + } else if (speed <= 3 && headingVariance > 40) { + // 선망(PS) 죔줄 단계: 3kn 이하 + 이전 고속→저속 급전환 + gearType = 'purse_seine'; + isOperating = true; + operatingStatusKo = '선망 죔줄 조임 중 (<3kn)'; + confidence = 0.85; + + } else if (speed >= 2 && speed <= 5 && headingVariance < 30) { + // 트롤(PT/OT): 2~5kn + 완만한 방향 (Lawn-mowing) + gearType = headingVariance < 15 ? 'trawl_pair' : 'trawl_single'; + isOperating = true; + operatingStatusKo = `트롤 예인 중 (${speed.toFixed(1)}kn 지그재그)`; + confidence = headingVariance < 15 ? 0.92 : 0.89; + + } else if (speed < 2) { + // 0~2kn 극저속 → 조업 중 or 정박 대기 + if (isAnchored || speed < 0.3) { + // 완전 정지/정박 → 비조업 (대기 중) + gearType = 'unknown'; + isOperating = false; + operatingStatusKo = speed < 0.3 ? '정지/대기 중' : '정박 중'; + confidence = 0.7; + } else if (speed >= 0.3 && speed < 1 && headingVariance < 8) { + // 극저속 + 방향 변화 거의 없음 → 안강망 (조류 이용 수동 어구) + gearType = 'stow_net'; + isOperating = true; + operatingStatusKo = '안강망 조업 추정 (조류 이용)'; + confidence = 0.65; + } else if (speed >= 0.3 && speed < 2) { + // 저속 이동 → 자망 투망/양망 + gearType = 'gillnet'; + isOperating = true; + operatingStatusKo = speed < 1 ? '자망 투하/대기 중' : '자망 양망 중 (극저속)'; + confidence = 0.72; + } + + } else if (speed >= 5 && speed < 8) { + // 중속 이동 → 조업지 이동 또는 운반선 + gearType = 'carrier'; + isOperating = false; + operatingStatusKo = '이동 중 (조업지 이동 추정)'; + confidence = 0.5; + } + + // === 위반 위험도 판별 (보고서 5장 기반) === + const now = new Date(); + const meta = GEAR_META[gearType]; + let riskLevel: FishingAnalysis['riskLevel'] = 'LOW'; + let riskReason = '정상 범위'; + + // 휴어기 체크 + if (meta.permitCode !== '-' && !isInPermitPeriod(meta.permitCode, now)) { + riskLevel = 'CRITICAL'; + riskReason = `휴어기 조업 의심 (${meta.permitCode} 허가기간: ${PERMIT_PERIODS[meta.permitCode]?.label})`; + } + + // AIS 신호 오래된 경우 (다크베셀 의심) + const aisAge = Date.now() - ship.lastSeen; + if (aisAge > 6 * 3600_000) { + riskLevel = 'HIGH'; + riskReason = `AIS 공백 ${Math.round(aisAge / 3600_000)}시간 — 다크베셀 의심`; + } + + // 자망 + 조업 중 → AIS 차단 가능성 높음 + if (gearType === 'gillnet' && isOperating) { + if (riskLevel === 'LOW') { + riskLevel = 'MEDIUM'; + riskReason = '유자망 조업 중 — AIS 차단 주의 업종'; + } + } + + return { + gearType, + gearTypeKo: meta.ko, + permitCode: meta.permitCode, + gbCode: meta.gbCode, + isOperating, + operatingStatusKo, + confidence, + riskLevel, + riskReason, + }; +} + +/** + * 중국 어선 조업 통계 집계 + */ +export function aggregateFishingStats(ships: Ship[]) { + // 중국 어선(fishing 카테고리)만 대상 + const chineseFishing = ships.filter(s => s.flag === 'CN' && s.category === 'fishing'); + const results = chineseFishing.map(s => ({ ship: s, analysis: analyzeFishing(s) })); + + const operating = results.filter(r => r.analysis.isOperating); + const byGear: Record = { + trawl_pair: 0, trawl_single: 0, gillnet: 0, stow_net: 0, purse_seine: 0, carrier: 0, unknown: 0, + }; + for (const r of operating) { + byGear[r.analysis.gearType]++; + } + + const critical = results.filter(r => r.analysis.riskLevel === 'CRITICAL').length; + const high = results.filter(r => r.analysis.riskLevel === 'HIGH').length; + + return { + total: chineseFishing.length, + operating: operating.length, + idle: chineseFishing.length - operating.length, + byGear, + critical, + high, + details: results, + }; +} diff --git a/frontend/src/utils/fleetDetection.ts b/frontend/src/utils/fleetDetection.ts new file mode 100644 index 0000000..fc2dc5a --- /dev/null +++ b/frontend/src/utils/fleetDetection.ts @@ -0,0 +1,157 @@ +// ═══ 중국어선 선단(Fleet) 탐지 — GC-KCG-2026-001 기반 ═══ + +import type { Ship } from '../types'; +import { getMarineTrafficCategory } from './marineTraffic'; + +export type FleetRole = 'mothership' | 'subsidiary' | 'carrier' | 'lighting' | 'pair'; + +export interface FleetMember { + ship: Ship; + role: FleetRole; + roleKo: string; + distanceNm: number; + reason: string; +} + +export interface FleetConnection { + selectedShip: Ship; + members: FleetMember[]; + fleetType: 'trawl_pair' | 'purse_seine_fleet' | 'transship' | 'unknown'; + fleetTypeKo: string; +} + +/** 두 지점 사이 거리(NM) */ +function distNm(lat1: number, lng1: number, lat2: number, lng2: number): number { + const R = 3440.065; // 지구 반경 (해리) + const dLat = (lat2 - lat1) * Math.PI / 180; + const dLng = (lng2 - lng1) * Math.PI / 180; + const a = Math.sin(dLat / 2) ** 2 + Math.cos(lat1 * Math.PI / 180) * Math.cos(lat2 * Math.PI / 180) * Math.sin(dLng / 2) ** 2; + return R * 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1 - a)); +} + +/** + * 선택한 중국어선 주변의 선단 구성을 탐지 + * + * 보고서 기준: + * - PT 2척식 저인망: 본선+부속선 3NM 이내, 유사 속도(2~5kn), 유사 방향 + * - PS 위망 선단: 3척+ 클러스터, 모선+운반선+조명선 + * - FC 운반선 환적: 0.5NM 이내 접근, 양쪽 2kn 이하 + */ +export function detectFleet(selectedShip: Ship, allShips: Ship[]): FleetConnection | null { + if (selectedShip.flag !== 'CN') return null; + + const _mtCat = getMarineTrafficCategory(selectedShip.typecode, selectedShip.category); + const members: FleetMember[] = []; + + // 주변 중국 선박 탐색 (10NM 반경) + const nearby = allShips.filter(s => + s.mmsi !== selectedShip.mmsi && + s.flag === 'CN' && + distNm(selectedShip.lat, selectedShip.lng, s.lat, s.lng) < 10 + ); + + for (const s of nearby) { + const d = distNm(selectedShip.lat, selectedShip.lng, s.lat, s.lng); + const sCat = getMarineTrafficCategory(s.typecode, s.category); + const speedDiff = Math.abs(selectedShip.speed - s.speed); + let headingDiff = Math.abs(selectedShip.heading - s.heading); + if (headingDiff > 180) headingDiff = 360 - headingDiff; + + // === PT 본선-부속선 쌍 탐지 === + // 3NM 이내 + 유사 속도(차이 1kn 미만) + 유사 방향(20° 미만) + 둘 다 2~5kn + if (d < 3 && speedDiff < 1 && headingDiff < 20 && + selectedShip.speed >= 2 && selectedShip.speed <= 5 && + s.speed >= 2 && s.speed <= 5) { + members.push({ + ship: s, + role: 'pair', + roleKo: '부속선 (PT-S)', + distanceNm: d, + reason: `속도 ${s.speed.toFixed(1)}kn, 방향차 ${headingDiff.toFixed(0)}°, 거리 ${d.toFixed(1)}NM`, + }); + continue; + } + + // === FC 운반선 환적 탐지 === + // 0.5NM 이내 + 양쪽 2kn 이하 + if (d < 0.5 && selectedShip.speed <= 2 && s.speed <= 2) { + const isCarrier = sCat === 'cargo' || sCat === 'unspecified' || s.name.includes('运') || s.name.includes('冷'); + if (isCarrier) { + members.push({ + ship: s, + role: 'carrier', + roleKo: '운반선 (FC)', + distanceNm: d, + reason: `환적 의심 — ${d.toFixed(2)}NM, 양쪽 저속`, + }); + continue; + } + } + + // === PS 선단 멤버 탐지 === + // 2NM 이내 중국어선 클러스터 + if (d < 2 && sCat === 'fishing') { + // 속도 차이로 역할 추정 + if (s.speed < 1 && selectedShip.speed > 5) { + members.push({ + ship: s, + role: 'lighting', + roleKo: '조명선', + distanceNm: d, + reason: `정지 중 — 집어등 추정`, + }); + } else { + members.push({ + ship: s, + role: 'subsidiary', + roleKo: '선단 멤버', + distanceNm: d, + reason: `${d.toFixed(1)}NM, ${s.speed.toFixed(1)}kn`, + }); + } + continue; + } + + // === 일반 근접 중국 선박 (5NM 이내) === + if (d < 5 && (sCat === 'fishing' || sCat === 'unspecified')) { + members.push({ + ship: s, + role: 'subsidiary', + roleKo: '인근 어선', + distanceNm: d, + reason: `${d.toFixed(1)}NM`, + }); + } + } + + if (members.length === 0) return null; + + // 선단 유형 판별 + const hasPair = members.some(m => m.role === 'pair'); + const hasCarrier = members.some(m => m.role === 'carrier'); + const hasLighting = members.some(m => m.role === 'lighting'); + + let fleetType: FleetConnection['fleetType'] = 'unknown'; + let fleetTypeKo = '인근 선박 그룹'; + + if (hasPair) { + fleetType = 'trawl_pair'; + fleetTypeKo = '2척식 저인망 (본선·부속선)'; + } else if (hasCarrier) { + fleetType = 'transship'; + fleetTypeKo = '환적 의심 (운반선 접근)'; + } else if (hasLighting || members.length >= 3) { + fleetType = 'purse_seine_fleet'; + fleetTypeKo = '위망 선단 (모선·운반·조명)'; + } + + // 거리순 정렬, 최대 10개 + members.sort((a, b) => a.distanceNm - b.distanceNm); + + return { + selectedShip, + members: members.slice(0, 10), + fleetType, + fleetTypeKo, + }; +} diff --git a/frontend/src/utils/marineTraffic.ts b/frontend/src/utils/marineTraffic.ts index e10b374..18fc0e5 100644 --- a/frontend/src/utils/marineTraffic.ts +++ b/frontend/src/utils/marineTraffic.ts @@ -1,20 +1,48 @@ // MarineTraffic-style ship classification // Maps S&P STAT5CODE prefixes, VesselType strings, and custom typecodes to MT categories +// AIS Ship Type Number → category (ITU-R M.1371-5 Table 50) +// 20: Wing in ground, 30: Fishing, 31-32: Towing, 33: Dredging, 34: Diving ops +// 35: Military, 36: Sailing, 37: Pleasure, 40-49: High speed, 50: Pilot +// 60-69: Passenger, 70-79: Cargo, 80-89: Tanker, 90-99: Other +function classifyAisShipType(code: string): string | null { + const num = parseInt(code, 10); + if (isNaN(num)) return null; + if (num === 30) return 'fishing'; + if (num >= 31 && num <= 34) return 'tug_special'; + if (num === 35) return 'military'; + if (num === 36) return 'pleasure'; + if (num === 37) return 'pleasure'; + if (num >= 40 && num <= 49) return 'high_speed'; + if (num === 50 || num === 51 || num === 52 || num === 53 || num === 54 || num === 55) return 'tug_special'; + if (num >= 60 && num <= 69) return 'passenger'; + if (num >= 70 && num <= 79) return 'cargo'; + if (num >= 80 && num <= 89) return 'tanker'; + return null; +} + export function getMarineTrafficCategory(typecode?: string, category?: string): string { if (!typecode) { // Fallback to our internal category if (category === 'tanker') return 'tanker'; if (category === 'cargo') return 'cargo'; + if (category === 'fishing') return 'fishing'; if (category === 'destroyer' || category === 'warship' || category === 'carrier' || category === 'patrol') return 'military'; + if (category === 'civilian') return 'unspecified'; return 'unspecified'; } const code = typecode.toUpperCase(); + // AIS Ship Type number (e.g. "30" = fishing) + const aisResult = classifyAisShipType(code); + if (aisResult) return aisResult; + // Our custom typecodes (exact match) if (code === 'VLCC' || code === 'LNG' || code === 'LPG') return 'tanker'; if (code === 'CONT' || code === 'BULK') return 'cargo'; if (code === 'DDH' || code === 'DDG' || code === 'CVN' || code === 'FFG' || code === 'LCS' || code === 'MCM' || code === 'PC' || code === 'LPH') return 'military'; if (code === 'PASS') return 'passenger'; + if (code === 'FISH' || code === 'TRAWL') return 'fishing'; + if (code === 'FISHINGGEAR') return 'fishing_gear'; // VesselType strings (e.g. "Cargo", "Tanker", "Passenger") — match BEFORE STAT5CODE // to avoid "Cargo" matching STAT5CODE prefix "C" → fishing @@ -22,7 +50,7 @@ export function getMarineTrafficCategory(typecode?: string, category?: string): if (lower.includes('tanker')) return 'tanker'; if (lower.includes('cargo') || lower.includes('container') || lower.includes('bulk')) return 'cargo'; if (lower.includes('passenger') || lower.includes('cruise') || lower.includes('ferry')) return 'passenger'; - if (lower.includes('fishing')) return 'fishing'; + if (lower.includes('fishing') || lower.includes('trawl') || lower.includes('trawler')) return 'fishing'; if (lower.includes('tug') || lower.includes('supply') || lower.includes('offshore')) return 'tug_special'; if (lower.includes('high speed')) return 'high_speed'; if (lower.includes('pleasure') || lower.includes('yacht') || lower.includes('sailing')) return 'pleasure'; diff --git a/frontend/vite.config.ts b/frontend/vite.config.ts index 0f574e2..ae5e892 100644 --- a/frontend/vite.config.ts +++ b/frontend/vite.config.ts @@ -89,6 +89,11 @@ export default defineConfig(({ mode }): UserConfig => ({ 'User-Agent': 'Mozilla/5.0 (compatible; KCG-Monitor/1.0)', }, }, + '/api/kcg/cctv': { + target: 'http://localhost:8080', + changeOrigin: true, + rewrite: (path) => path.replace(/^\/api\/kcg/, '/api'), + }, '/api/kcg': { target: 'https://kcg.gc-si.dev', changeOrigin: true,