diff --git a/src/containers/flight/OperationApprovalsContainer.js b/src/containers/flight/OperationApprovalsContainer.js index 47deb090..8b384dc6 100644 --- a/src/containers/flight/OperationApprovalsContainer.js +++ b/src/containers/flight/OperationApprovalsContainer.js @@ -317,7 +317,7 @@ export default function OperationApprovalsContainer({ mode }) { //현재 선택한 sno 및 areacoordList 저장 const handlerDetail = async area => { console.log('>>', area); - setSelected(area[0].planAreaSno); + setSelected([area[0].planAreaSno]); dispatch(clientSaveAreaCoordinateList(area)); @@ -430,25 +430,25 @@ export default function OperationApprovalsContainer({ mode }) { fitZoomPaths = enveloped.geometry.coordinates[0]; handlerFitBounds(mapObject, fitZoomPaths, 400, 'POLYGON', 'flight'); - if (areaCoordList.length !== 1 || !areaCoordList[0]?.key) { - mapObject?.getSource('operationLayer')?.setData(operationLayer); - let dataBlock = null; - mapObject?.on('mousemove', 'polygon-flight', e => { - if (dataBlock) { - dataBlock.remove(); - } - if ( - drawObj.getMode() === 'draw_line_string' || - drawObj.getMode() === 'draw_polygon' - ) { - return; - } - const data = e.features[0].properties; - const lnglat = JSON.parse(data?.center); - const addr = data?.addr ? data.addr : '-'; - const reqElev = data?.reqElev ? data.reqElev : '-'; + // if (areaCoordList.length !== 1 || !areaCoordList[0]?.key) { + mapObject?.getSource('operationLayer')?.setData(operationLayer); + let dataBlock = null; + mapObject?.on('mousemove', 'polygon-flight', e => { + if (dataBlock) { + dataBlock.remove(); + } + if ( + drawObj.getMode() === 'draw_line_string' || + drawObj.getMode() === 'draw_polygon' + ) { + return; + } + const data = e.features[0].properties; + const lnglat = JSON.parse(data?.center); + const addr = data?.addr ? data.addr : '-'; + const reqElev = data?.reqElev ? data.reqElev : '-'; - const content = ` + const content = `
${data?.applyNo} @@ -461,25 +461,25 @@ export default function OperationApprovalsContainer({ mode }) {
`; - if (mapObject) { - dataBlock = new mapboxgl.Popup({ - anchor: 'bottom-left', - offset: [20, -20], - closeButton: false, - closeOnClick: false, - closeOnMove: false - }) - .setLngLat({ lng: lnglat[0], lat: lnglat[1] }) - .setHTML(content) - .addTo(mapObject); - } - }); - mapObject?.on('mouseleave', 'polygon-flight', e => { - if (dataBlock) { - dataBlock.remove(); - } - }); - } + if (mapObject) { + dataBlock = new mapboxgl.Popup({ + anchor: 'bottom-left', + offset: [20, -20], + closeButton: false, + closeOnClick: false, + closeOnMove: false + }) + .setLngLat({ lng: lnglat[0], lat: lnglat[1] }) + .setHTML(content) + .addTo(mapObject); + } + }); + mapObject?.on('mouseleave', 'polygon-flight', e => { + if (dataBlock) { + dataBlock.remove(); + } + }); + // } } };