diff --git a/apps/wr/app/(map-layout)/map/mainMap/page.tsx b/apps/wr/app/(map-layout)/map/mainMap/page.tsx index 4130fff63..ef337e39c 100644 --- a/apps/wr/app/(map-layout)/map/mainMap/page.tsx +++ b/apps/wr/app/(map-layout)/map/mainMap/page.tsx @@ -42,16 +42,6 @@ const Map = () => { fetchData(); }, []); - useEffect(() => { - const bc = new BroadcastChannel("mapDetailPopUp"); - bc.onmessage = (event) => { - if (event.data.type === "SELECT_FEATURE") { - onFeatureSelect(event.data.feature); - closePopup(); - } - }; - }, []); - useEffect(() => { const messageHandler = (event: MessageEvent) => { if (event.data.type === "POPUP_CLOSED") { @@ -71,13 +61,6 @@ const Map = () => { }; }, []); - useEffect(() => { - - if (isFeatured) { - onFeatureSelect(isFeatured); - } - }, [isFeatured]); - // 체크된 레이어 정보를 받는 핸들러 const handleCheckedLayersChange = ( checkedIds: string[], @@ -88,7 +71,7 @@ const Map = () => { }; // SearchModal, GisContent 등에서 호출 - const onFeatureFocus = (data: any) => { + const onFeatureFocus = (_data: any) => { console.log("onFeatureFocus"); }; @@ -168,6 +151,23 @@ const Map = () => { setIsSearchModalOpen(false); }; + useEffect(() => { + + if (isFeatured) { + onFeatureSelect(isFeatured); + } + }, [isFeatured, onFeatureSelect]); + + useEffect(() => { + const bc = new BroadcastChannel("mapDetailPopUp"); + bc.onmessage = (event) => { + if (event.data.type === "SELECT_FEATURE") { + onFeatureSelect(event.data.feature); + closePopup(); + } + }; + }, [onFeatureSelect]); + const getSelectedLayers = (isFeature: any) => { const map = gisMaps.current; if (!map) {