diff --git a/apps/sn/app/map/page.tsx b/apps/sn/app/map/page.tsx
index da20fdaa7..4a0e7c3f1 100644
--- a/apps/sn/app/map/page.tsx
+++ b/apps/sn/app/map/page.tsx
@@ -3,6 +3,7 @@
import Gis from "@common/business_components/ui/map/Gis";
import { useEffect, useState } from "react";
import { mapService } from "@service";
+import SearchModal from '@/map/SearchModal';
const Map = () => {
const [treeData, setTreeData] = useState([]); // 초기값을 객체 또는 null로 설정
@@ -24,7 +25,7 @@ const Map = () => {
return (
-
+
);
};
diff --git a/packages/common/business_components/src/ui/map/Gis.js b/packages/common/business_components/src/ui/map/Gis.js
index c501302f6..bde5858a9 100644
--- a/packages/common/business_components/src/ui/map/Gis.js
+++ b/packages/common/business_components/src/ui/map/Gis.js
@@ -11,12 +11,11 @@ import GisApp from './lib/gis.core';
import GisContent from './GisContent';
import FeatureClickEventPopup from '@/map/featureClickEventPopup';
import GisTree from './GisTree';
-import SearchModal from '@/map/SearchModal';
export const GisContext = createContext({ gisCore: null, gisMap: null, treeData: null, checkedLayerIds: null });
export const useGisContext = () => useContext(GisContext);
-function Gis({ treeData = [], isSearch = false }) {
+function Gis({ treeData = [], isSearch = false, searchModal : SearchModal }) {
const mapRef = useRef();
const [mapObject, setMapObject] = useState({});
const [tabVisible, setTabVisible] = useState(true);
@@ -24,7 +23,7 @@ function Gis({ treeData = [], isSearch = false }) {
const [featureData, setFeatureData] = useState(null) // 선택된 피쳐 데이터
const [isSearchModalOpen, setIsSearchModalOpen] = useState(false); // SearchModal 열림 상태
const gisCore = useMemo(() => new GisApp.core({ targetId: mapRef.current }), []);
- const mapInstanceRef = useRef(null); // 맵 생성 여부를 추적할 ref
+ const mapInstanceRef = useRef(null);
const checkedLayerIds = useRef([]);
let gisMap = null;
const closePopup = () => {