fix/ 운항과 비행구역 미표출 현상 수정

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 = `
                 <div class="tooltip-box">
                   <div class="tooltip-ti">
                     <span>${data?.applyNo}</span>
@@ -461,25 +461,25 @@ export default function OperationApprovalsContainer({ mode }) {
                 </div>
                 `;
 
-          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();
+        }
+      });
+      // }
     }
   };