From d000807909c1a09916f95d978b3f2e8416901677 Mon Sep 17 00:00:00 2001
From: Nan Kyung Lee <nankyunglee@Nans-Mac-mini.local>
Date: Fri, 20 Mar 2026 08:54:32 +0900
Subject: [PATCH] =?UTF-8?q?fix:=20=EC=A4=91=EA=B5=AD=EC=96=B4=EC=84=A0?=
 =?UTF-8?q?=EA=B0=90=EC=8B=9C=20=EC=A7=80=EB=8F=84=20=EB=A9=88=EC=B6=A4=20?=
 =?UTF-8?q?=ED=95=B4=EA=B2=B0=20=E2=80=94=20=EB=A7=88=EC=BB=A4=20=EC=88=98?=
 =?UTF-8?q?=20=EC=A0=9C=ED=95=9C=20+=20=EC=9D=B4=EB=B2=A4=ED=8A=B8=20?=
 =?UTF-8?q?=EC=B0=A8=EB=8B=A8=20CSS,=20=ED=83=91=EB=A9=94=EB=89=B4=20?=
 =?UTF-8?q?=EB=B6=88=EB=B2=95=EC=96=B4=EC=84=A0=20=EC=A0=9C=EA=B1=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/App.css                          |  5 +++
 frontend/src/App.tsx                          |  9 ----
 .../korea/ChineseFishingOverlay.tsx           | 41 +++++++++----------
 3 files changed, 25 insertions(+), 30 deletions(-)

diff --git a/frontend/src/App.css b/frontend/src/App.css
index 231350f..de8a637 100644
--- a/frontend/src/App.css
+++ b/frontend/src/App.css
@@ -1881,6 +1881,11 @@
   border-top-color: rgba(10, 10, 26, 0.96) !important;
 }
 
+/* 중국어선 오버레이 마커 — 이벤트 차단 */
+.maplibregl-marker:has(.cn-fishing-no-events) {
+  pointer-events: none;
+}
+
 .gl-popup .maplibregl-popup-close-button,
 .event-popup .maplibregl-popup-close-button {
   color: #aaa !important;
diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
index f004236..b7fa6c5 100644
--- a/frontend/src/App.tsx
+++ b/frontend/src/App.tsx
@@ -253,15 +253,6 @@ function AuthenticatedApp({ user, onLogout }: AuthenticatedAppProps) {
 
         {dashboardTab === 'korea' && (
           <div className="mode-toggle">
-            <button
-              type="button"
-              className={`mode-btn ${koreaFiltersResult.filters.illegalFishing ? 'active live' : ''}`}
-              onClick={() => koreaFiltersResult.setFilter('illegalFishing', !koreaFiltersResult.filters.illegalFishing)}
-              title={t('filters.illegalFishing')}
-            >
-              <span className="text-[11px]">🚫🐟</span>
-              {t('filters.illegalFishing')}
-            </button>
             <button
               type="button"
               className={`mode-btn ${koreaFiltersResult.filters.illegalTransship ? 'active live' : ''}`}
diff --git a/frontend/src/components/korea/ChineseFishingOverlay.tsx b/frontend/src/components/korea/ChineseFishingOverlay.tsx
index 6131f3b..e91f6aa 100644
--- a/frontend/src/components/korea/ChineseFishingOverlay.tsx
+++ b/frontend/src/components/korea/ChineseFishingOverlay.tsx
@@ -194,32 +194,33 @@ export function ChineseFishingOverlay({ ships }: Props) {
         </Source>
       )}
 
-      {/* 어구/어망 위치 마커 (모선 연결된 것) */}
-      {gearLinks.map(link => (
+      {/* 어구/어망 위치 마커 (모선 연결된 것) — 최대 50개 */}
+      {gearLinks.slice(0, 50).map(link => (
         <Marker key={`gearlink-${link.gear.mmsi}`} longitude={link.gear.lng} latitude={link.gear.lat} anchor="center">
-          <div style={{ filter: 'drop-shadow(0 0 3px #f9731688)', pointerEvents: 'none' }}>
-            <FishingNetIcon color="#f97316" size={10} />
-          </div>
-          <div style={{
-            fontSize: 5, color: '#f97316', textAlign: 'center',
-            textShadow: '0 0 2px #000', fontWeight: 700, marginTop: -1,
-            whiteSpace: 'nowrap', pointerEvents: 'none',
-          }}>
-            ← {link.parentName}
+          <div className="cn-fishing-no-events">
+            <div style={{ filter: 'drop-shadow(0 0 3px #f9731688)' }}>
+              <FishingNetIcon color="#f97316" size={10} />
+            </div>
+            <div style={{
+              fontSize: 5, color: '#f97316', textAlign: 'center',
+              textShadow: '0 0 2px #000', fontWeight: 700, marginTop: -1,
+              whiteSpace: 'nowrap',
+            }}>
+              ← {link.parentName}
+            </div>
           </div>
         </Marker>
       ))}
 
-      {/* 조업 중 어선 — 어구 아이콘 */}
-      {operating.map(({ ship, analysis }) => {
+      {/* 조업 중 어선 — 어구 아이콘 — 최대 80개 */}
+      {operating.slice(0, 80).map(({ ship, analysis }) => {
         const meta = GEAR_LABELS[analysis.gearType];
         return (
           <Marker key={`gear-${ship.mmsi}`} longitude={ship.lng} latitude={ship.lat} anchor="bottom">
-            <div style={{
+            <div className="cn-fishing-no-events" style={{
               marginBottom: 8,
               filter: `drop-shadow(0 0 3px ${meta?.color || '#f97316'}88)`,
               opacity: 0.85,
-              pointerEvents: 'none',
             }}>
               <GearIcon gear={analysis.gearType} size={12} />
             </div>
@@ -227,10 +228,10 @@ export function ChineseFishingOverlay({ ships }: Props) {
         );
       })}
 
-      {/* 본선/부속선/어선 역할 라벨 */}
-      {analyzed.filter(a => a.role.role).map(({ ship, role }) => (
+      {/* 본선/부속선/어선 역할 라벨 — 최대 100개 */}
+      {analyzed.filter(a => a.role.role).slice(0, 100).map(({ ship, role }) => (
         <Marker key={`role-${ship.mmsi}`} longitude={ship.lng} latitude={ship.lat} anchor="top">
-          <div style={{
+          <div className="cn-fishing-no-events" style={{
             marginTop: 6,
             fontSize: 5,
             fontWeight: 700,
@@ -238,7 +239,6 @@ export function ChineseFishingOverlay({ ships }: Props) {
             textShadow: '0 0 2px #000, 0 0 2px #000',
             textAlign: 'center',
             whiteSpace: 'nowrap',
-            pointerEvents: 'none',
           }}>
             {role.roleKo}
           </div>
@@ -248,7 +248,7 @@ export function ChineseFishingOverlay({ ships }: Props) {
       {/* 운반선 라벨 */}
       {carriers.map(s => (
         <Marker key={`carrier-${s.mmsi}`} longitude={s.lng} latitude={s.lat} anchor="top">
-          <div style={{
+          <div className="cn-fishing-no-events" style={{
             marginTop: 6,
             fontSize: 5,
             fontWeight: 700,
@@ -256,7 +256,6 @@ export function ChineseFishingOverlay({ ships }: Props) {
             textShadow: '0 0 2px #000, 0 0 2px #000',
             textAlign: 'center',
             whiteSpace: 'nowrap',
-            pointerEvents: 'none',
           }}>
             운반
           </div>