Merge pull request 'fix(map): S57 ENC �������� Ÿ��/sprite/glyphs URL�� �������η� ��ȯ' (#153) from fix/s57-api-url into develop

.claude/settings.json

@@ -5,29 +5,7 @@
   },
   "permissions": {
     "allow": [
-      "Bash(npm run *)",
-      "Bash(npm install *)",
-      "Bash(npm test *)",
-      "Bash(npx *)",
-      "Bash(node *)",
-      "Bash(git status)",
-      "Bash(git diff *)",
-      "Bash(git log *)",
-      "Bash(git branch *)",
-      "Bash(git checkout *)",
-      "Bash(git add *)",
-      "Bash(git commit *)",
-      "Bash(git pull *)",
-      "Bash(git fetch *)",
-      "Bash(git merge *)",
-      "Bash(git stash *)",
-      "Bash(git remote *)",
-      "Bash(git config *)",
-      "Bash(git rev-parse *)",
-      "Bash(git show *)",
-      "Bash(git tag *)",
-      "Bash(curl -s *)",
-      "Bash(fnm *)"
+      "Bash(*)"
     ],
     "deny": [
       "Bash(git push --force*)",

docs/RELEASE-NOTES.md

@@ -9,6 +9,7 @@
 ### 수정
 - 지도: S57EncOverlay API URL을 공유 API_BASE_URL로 통합
 - 지도: S57 ENC sprite URL에 상대경로일 때 origin 프리픽스 추가
+- 지도: S57 ENC 오버레이 타일/sprite/glyphs URL을 절대경로로 변환 (운영환경 상대경로 대응)
 
 ## [2026-03-31]
 

frontend/src/common/components/map/S57EncOverlay.tsx

@@ -3,6 +3,10 @@ import { useMap } from '@vis.gl/react-maplibre';
 import { API_BASE_URL } from '../../services/api';
 
 const PROXY_PREFIX = `${API_BASE_URL}/tiles/enc`;
+// MapLibre 내부 요청(sprite, tiles, glyphs)은 절대 URL이 필요
+const ABSOLUTE_PREFIX = API_BASE_URL.startsWith('http')
+  ? `${API_BASE_URL}/tiles/enc`
+  : `${window.location.origin}${API_BASE_URL}/tiles/enc`;
 
 const ENC_SPRITE_ID = 'enc-s57';
 const ENC_SOURCE_ID = 'enc-s57';
@@ -154,14 +158,11 @@ export function S57EncOverlay({ visible }: S57EncOverlayProps) {
       // eslint-disable-next-line @typescript-eslint/no-explicit-any
       const styleObj = map.style as any;
       originalGlyphsRef.current = styleObj.glyphs;
-      styleObj.glyphs = `${PROXY_PREFIX}/font/{fontstack}/{range}`;
+      styleObj.glyphs = `${ABSOLUTE_PREFIX}/font/{fontstack}/{range}`;
 
       // sprite 등록 (중복 방지)
       if (!hasSprite(map, ENC_SPRITE_ID)) {
-        const spriteUrl = PROXY_PREFIX.startsWith('http')
-          ? `${PROXY_PREFIX}/sprite/sprite`
-          : `${window.location.origin}${PROXY_PREFIX}/sprite/sprite`;
-        map.addSprite(ENC_SPRITE_ID, spriteUrl);
+        map.addSprite(ENC_SPRITE_ID, `${ABSOLUTE_PREFIX}/sprite/sprite`);
       }
 
       // sources 등록 (타일 URL을 프록시로 치환)
@@ -169,7 +170,7 @@ export function S57EncOverlay({ visible }: S57EncOverlayProps) {
         const globeSrc = style.sources['globe'];
         map.addSource(GLOBE_SOURCE_ID, {
           type: 'vector',
-          tiles: [`${PROXY_PREFIX}/globe/{z}/{x}/{y}`],
+          tiles: [`${ABSOLUTE_PREFIX}/globe/{z}/{x}/{y}`],
           minzoom: globeSrc?.minzoom ?? 0,
           maxzoom: globeSrc?.maxzoom ?? 4,
         });
@@ -179,7 +180,7 @@ export function S57EncOverlay({ visible }: S57EncOverlayProps) {
         const encSrc = style.sources['enc'];
         map.addSource(ENC_SOURCE_ID, {
           type: 'vector',
-          tiles: [`${PROXY_PREFIX}/{z}/{x}/{y}`],
+          tiles: [`${ABSOLUTE_PREFIX}/{z}/{x}/{y}`],
           minzoom: encSrc?.minzoom ?? 4,
           maxzoom: encSrc?.maxzoom ?? 17,
         });

frontend/src/tabs/reports/components/OilSpreadMapPanel.tsx

@@ -46,7 +46,7 @@ const MapSlot = ({ label, step, mapData, captured, onCapture, onReset }: MapSlot
       </div>
 
       {/* 지도 + 캡처 오버레이 */}
-      <div className="relative rounded-lg border border-stroke overflow-hidden" style={{ height: '300px' }}>
+      <div className="relative rounded-lg border border-stroke overflow-hidden" style={{ aspectRatio: '16/9' }}>
         <MapView
           center={mapData.center}
           zoom={mapData.zoom}