apps/web/src/pages/dashboard/DashboardPage.tsx

@@ -411,7 +411,6 @@ export function DashboardPage() {
           onMapReady={handleMapReady}
           alarmMmsiMap={alarmMmsiMap}
           onClickShipPhoto={handleOpenImageModal}
-          freeCamera={state.freeCamera}
         />
         <GlobalTrackReplayPanel />
         <WeatherPanel

apps/web/src/pages/dashboard/DashboardSidebar.tsx

@@ -80,7 +80,6 @@ export function DashboardSidebar({
     typeEnabled, setTypeEnabled,
     overlays, setOverlays,
     projection, setProjection, isProjectionToggleDisabled,
-    freeCamera, toggleFreeCamera,
     selectedMmsi, setSelectedMmsi,
     fleetRelationSortMode, setFleetRelationSortMode,
     hoveredFleetOwnerKey, hoveredFleetMmsiSet,
@@ -159,15 +158,6 @@ export function DashboardSidebar({
           title="지도 표시 설정"
           className="md:shrink-0"
           actions={
-            <div className="flex gap-1">
-              <ToggleButton
-                on={freeCamera}
-                onClick={toggleFreeCamera}
-                title="자유 시점 모드 (회전/틸트 허용)"
-                className="px-2 py-0.5 text-[9px]"
-              >
-                자유 시점
-              </ToggleButton>
             <ToggleButton
               on={projection === 'globe'}
               onClick={isProjectionToggleDisabled ? undefined : () => setProjection((p) => (p === 'globe' ? 'mercator' : 'globe'))}
@@ -176,7 +166,6 @@ export function DashboardSidebar({
             >
               3D
             </ToggleButton>
-            </div>
           }
         >
           <MapToggles value={overlays} onToggle={(k) => setOverlays((prev) => ({ ...prev, [k]: !prev[k] }))} />

apps/web/src/pages/dashboard/useDashboardState.ts

@@ -54,15 +54,6 @@ export function useDashboardState(uid: number | null) {
   });
   const [mapView, setMapView] = usePersistedState<MapViewState | null>(uid, 'mapView', null);
 
-  // ── 자유 시점 (모드별 독립) ──
-  const [freeCameraMercator, setFreeCameraMercator] = usePersistedState(uid, 'freeCameraMercator', true);
-  const [freeCameraGlobe, setFreeCameraGlobe] = usePersistedState(uid, 'freeCameraGlobe', true);
-  const freeCamera = projection === 'globe' ? freeCameraGlobe : freeCameraMercator;
-  const toggleFreeCamera = useCallback(() => {
-    if (projection === 'globe') setFreeCameraGlobe((v) => !v);
-    else setFreeCameraMercator((v) => !v);
-  }, [projection, setFreeCameraGlobe, setFreeCameraMercator]);
-
   // ── Sort & alarm filters (persisted) ──
   const [fleetRelationSortMode, setFleetRelationSortMode] = usePersistedState<FleetRelationSortMode>(uid, 'sortMode', 'count');
   const [alarmKindEnabled, setAlarmKindEnabled] = usePersistedState<Record<LegacyAlarmKind, boolean>>(
@@ -141,7 +132,7 @@ export function useDashboardState(uid: number | null) {
     baseMap, projection, setProjection,
     mapStyleSettings, setMapStyleSettings,
     overlays, setOverlays, settings, setSettings,
-    mapView, setMapView, freeCamera, toggleFreeCamera,
+    mapView, setMapView,
     fleetRelationSortMode, setFleetRelationSortMode,
     alarmKindEnabled, setAlarmKindEnabled,
     fleetFocus, setFleetFocus,

apps/web/src/widgets/map3d/Map3D.tsx

@@ -83,7 +83,6 @@ export function Map3D({
   onMapReady,
   alarmMmsiMap,
   onClickShipPhoto,
-  freeCamera = true,
 }: Props) {
   // ── Shared refs ──────────────────────────────────────────────────────
   const containerRef = useRef<HTMLDivElement | null>(null);
@@ -550,25 +549,6 @@ export function Map3D({
     { projection, ensureMercatorOverlay, onProjectionLoadingChange, pulseMapSync, setMapSyncEpoch },
   );
 
-  // freeCamera 토글에 따라 회전/틸트 제어 (모드별 독립 상태)
-  // mapSyncEpoch: 맵 비동기 생성 후 최초 적용을 위해 의존
-  useEffect(() => {
-    const map = mapRef.current;
-    if (!map) return;
-    try {
-      if (freeCamera) {
-        map.dragRotate.enable();
-        map.touchPitch.enable();
-      } else {
-        map.dragRotate.disable();
-        map.touchPitch.disable();
-        if (!projectionBusyRef.current && (map.getPitch() !== 0 || map.getBearing() !== 0)) {
-          map.easeTo({ pitch: 0, bearing: 0, duration: 300 });
-        }
-      }
-    } catch { /* ignore */ }
-  }, [freeCamera, projection, mapSyncEpoch]);
-
   useBaseMapToggle(
     mapRef,
     { baseMap, projection, showSeamark: settings.showSeamark, mapSyncEpoch, pulseMapSync },

apps/web/src/widgets/map3d/hooks/useMapInit.ts

@@ -81,12 +81,12 @@ export function useMapInit(
         style,
         center: iv?.center ?? [126.5, 34.2],
         zoom: iv?.zoom ?? 7,
-        pitch: 0,
-        bearing: 0,
+        pitch: iv?.pitch ?? 45,
+        bearing: iv?.bearing ?? 0,
         maxPitch: 85,
-        dragRotate: false,
+        dragRotate: true,
         pitchWithRotate: true,
-        touchPitch: false,
+        touchPitch: true,
         scrollZoom: { around: 'center' },
       });
 

apps/web/src/widgets/map3d/hooks/useProjectionToggle.ts

@@ -238,7 +238,6 @@ export function useProjectionToggle(
         map.setRenderWorldCopies(next !== 'globe');
 
         // Globe에서는 easeTo around 미지원 → scrollZoom 동작 전환
-        // dragRotate/touchPitch는 Map3D의 freeCamera effect에서 제어
         try {
           map.scrollZoom.disable();
           if (next === 'globe') {

apps/web/src/widgets/map3d/types.ts

@@ -73,8 +73,6 @@ export interface Map3DProps {
   alarmMmsiMap?: Map<number, LegacyAlarmKind>;
   /** 사진 있는 선박 클릭 시 콜백 (사진 표시자 or 선박 아이콘) */
   onClickShipPhoto?: (mmsi: number) => void;
-  /** 자유 시점 모드 (회전/틸트 허용) */
-  freeCamera?: boolean;
 }
 
 export type DashSeg = {