diff --git a/packages/common/business_components/src/ui/map/Gis.js b/packages/common/business_components/src/ui/map/Gis.js
index 36304a02f..d5366a525 100644
--- a/packages/common/business_components/src/ui/map/Gis.js
+++ b/packages/common/business_components/src/ui/map/Gis.js
@@ -31,6 +31,7 @@ function Gis({
setIsOpen,
setFeatureData,
featureData,
+ imgVisble = false,
searchView: SearchView,
detailView: DetailView,
onFeatureSelect,
@@ -387,6 +388,7 @@ function Gis({
};
onFeatureSelect(dummyFeature);
}}
+ imageVisible={imgVisble}
/>
{/* */}
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
handleCheck(node.id)} className="cursor-pointer" />
{node.icon && {node.icon}}
{node.text}
- {depth > 0 &&
{handleLayerImgClick(node.text)}} alt={node.text}>}
+ {imageVisible ? depth > 0 &&
{handleLayerImgClick(node.text, node.id)}} alt={node.text}> : null}
)}
sort={(a, b) => {