From 90fda952ad0efb22e8c0018cb7d8291118f51d8c Mon Sep 17 00:00:00 2001
From: JIeunhuh <entks301@naver.com>
Date: Wed, 9 Jul 2025 13:27:34 +0900
Subject: [PATCH] =?UTF-8?q?=EC=8B=9C=EC=84=A4=20=EC=84=A0=ED=83=9D=20?=
 =?UTF-8?q?=EC=8B=9C=20=ED=98=84=ED=99=A9=EB=AA=A9=EB=A1=9D=20=EB=B3=B4?=
 =?UTF-8?q?=EC=9D=B4=EB=8F=84=EB=A1=9D=20=EC=88=98=EC=A0=95=20=EB=B0=8F=20?=
 =?UTF-8?q?=EC=9D=B4=EB=AF=B8=EC=A7=80=20=EC=83=9D=EC=84=B1=EC=97=AC?=
 =?UTF-8?q?=EB=B6=80=20props=EB=A1=9C=20=EB=84=98=EA=B8=B0=EB=8F=84?=
 =?UTF-8?q?=EB=A1=9D=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/common/business_components/src/ui/map/Gis.js  |  2 ++
 .../common/business_components/src/ui/map/GisTree.js   | 10 +++++-----
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/packages/common/business_components/src/ui/map/Gis.js b/packages/common/business_components/src/ui/map/Gis.js
index 880c116cd..bad4d313c 100644
--- a/packages/common/business_components/src/ui/map/Gis.js
+++ b/packages/common/business_components/src/ui/map/Gis.js
@@ -30,6 +30,7 @@ function Gis({
 	setIsOpen,
 	setFeatureData,
 	featureData,
+	imgVisble = false,
 	searchView: SearchView,
 	detailView: DetailView,
 	onFeatureSelect,
@@ -386,6 +387,7 @@ function Gis({
 							};
 							onFeatureSelect(dummyFeature);
 						}}
+						imageVisible={imgVisble}
 					/>
 
 					{/* <GisContent onFeatureSelect={handleFeatureSelect} isSearch={isSearch} isSearchModalOpen={isSearchModalOpen} setIsSearchModalOpen={setIsSearchModalOpen} /> */}
diff --git a/packages/common/business_components/src/ui/map/GisTree.js b/packages/common/business_components/src/ui/map/GisTree.js
index 5b30dc7f4..8a2db3ae2 100644
--- a/packages/common/business_components/src/ui/map/GisTree.js
+++ b/packages/common/business_components/src/ui/map/GisTree.js
@@ -10,7 +10,7 @@ import { DndProvider } from "react-dnd";
 import { useGisContext } from './Gis';
 import GisApp from './lib/gis.core';
 
-export default React.memo(function GisTree({ checkedNodes = [], setCheckedNodes = () => { }, visible, setVisible, onCheckedChange, onLayerIconClick }) {
+export default React.memo(function GisTree({ checkedNodes = [], setCheckedNodes = () => { }, visible, setVisible, onCheckedChange, onLayerIconClick,imageVisible=false }) {
 	const { gisCore, treeData } = useGisContext();
 	const [checked, setChecked] = useState([]);
 	const [expanded, setExpanded] = useState([]);
@@ -188,9 +188,9 @@ export default React.memo(function GisTree({ checkedNodes = [], setCheckedNodes
 		image.src = canvas.toDataURL('image/png');
 		return image;
 	};
-	const handleLayerImgClick = (nodeNm) => {
-		console.log('click!', nodeNm)
-		onLayerIconClick(nodeNm)
+	const handleLayerImgClick = (nodeNm, nodeId) => {
+		if(!checked.includes(nodeId)) alert('시설을 선택해주세요')
+		else onLayerIconClick(nodeNm)
 	}
 	if (!treeData || treeData.length === 0) return null;
 
@@ -224,7 +224,7 @@ export default React.memo(function GisTree({ checkedNodes = [], setCheckedNodes
 									<input type="checkbox" checked={checked.includes(node.id)} onChange={() => handleCheck(node.id)} className="cursor-pointer" />
 									{node.icon && <span>{node.icon}</span>}
 									<span className="text-[1.3rem] font-medium text-label">{node.text}</span>
-									{depth > 0 && <span><img className="cursor-pointer w-5 h-5" src='/images/map/layericon/Layer_Select_BTN.png' onClick={()=>{handleLayerImgClick(node.text)}} alt={node.text}></img></span>}
+									{imageVisible ? depth > 0 && <span><img className="cursor-pointer w-5 h-5" src='/images/map/layericon/Layer_Select_BTN.png' onClick={()=>{handleLayerImgClick(node.text, node.id)}} alt={node.text}></img></span> : null}
 								</div>
 							)}
 							sort={(a, b) => {