하수관망도 영역 남한으로 제한

apps/sn/app/(map-layout)/map/page.tsx

@@ -60,6 +60,12 @@ const AGED_PIPE_HIGHLIGHT_LAYER_ID = "SN_AGED_PIPE_HIGHLIGHT";
 const AGED_PIPE_ROW_SELECT_MESSAGE = "SN_AGED_PIPE_ROW_SELECT";
 const AGED_PIPE_POPUP_MINIMIZE_MESSAGE = "SN_AGED_PIPE_POPUP_MINIMIZE";
 const AGED_PIPE_FILTER_SYNC_MESSAGE = "SN_AGED_PIPE_FILTER_SYNC";
+const SOUTH_KOREA_VIEW_EXTENT: [number, number, number, number] = [
+  720000,
+  1445000,
+  1410000,
+  2090000,
+];
 
 // 유하방향은 GeoServer WMS/WFS 레이어가 아니라 BE 보정 GeoJSON API로 그리는 가상 레이어이다.
 const FLOW_DIRECTION_LAYER_TYPE = "tb_sn_swage_ppl_flow_direction";
@@ -1208,6 +1214,7 @@ const Map = () => {
 
           defaultZoom={7.5}
           defaultLonLat={[127.75, 36]}
+          viewExtent={SOUTH_KOREA_VIEW_EXTENT}
         />
         {isAgedPipeListMinimized && (
           <div className="fixed left-[480px] top-[68px] z-[90] flex min-w-[250px] items-center gap-3 rounded-sm border border-red-200 bg-white/95 px-3 py-2 shadow-[0_8px_22px_rgba(15,23,42,0.22)] backdrop-blur">

packages/common/business_components/src/ui/map/Gis.js

@@ -67,6 +67,8 @@ function Gis({
   droughtDates = { startYmd: '', endYmd: '' },
   defaultZoom = 15,
   defaultLonLat = [127.4875, 37.4916],
+  viewExtent,
+  viewMinZoom,
   showZoomLevel = false,
 }) {
   const mapRef = useRef();
@@ -145,8 +147,9 @@ function Gis({
             GisApp.FROM_PROJ,
             GisApp.TO_PROJ,
           ),
-          minZoom: gisCore.defaults.minZoom,
+          minZoom: viewMinZoom ?? gisCore.defaults.minZoom,
           maxZoom: gisCore.defaults.maxZoom,
+          extent: viewExtent,
         }),
       });
     } else {