비행 구역 buffer 작업

src/components/basis/flight/plan/FlightPlanAreaMap.js

@@ -39,7 +39,11 @@ const FlightPlanAreaMap = (props) => {
 
     useEffect(() => {             
         ModeInit();
-    }, [mapControl.drawType])
+    }, [mapControl.drawType]);
+
+    useEffect(() => {        
+        setMapAreaCoordList(areaCoordList)
+    }, [areaCoordList]);
 
     const ModeInit = () => {
         setMode(mapControl.drawType)
@@ -122,7 +126,7 @@ const FlightPlanAreaMap = (props) => {
                             map={map} 
                             naver={naver}
                             mode={mode}                  
-                            areaCoordList={areaCoordList}                                        
+                            areaCoordList={mapAreaCoordList}                                        
                             handleCoordinates={handleCoordinates}       
                             handleInitCoordinates={handleInitCoordinates}                                                    
                         /> : null}

src/components/map/naver/draw/FlightPlanDrawTest.js

@@ -63,7 +63,7 @@ export const FlightPlanDrawTest = props => {
 
   useEffect(() => {
     handleDetailDrwa();
-  }, [])
+  }, [props.areaCoordList])
 
   const zoomChange = () => {
     let change;
@@ -716,7 +716,33 @@ export const FlightPlanDrawTest = props => {
         });
 
         setPolyline(polyline)
-        // $(document).on('mousemove.measure', function(e) { onMouseMovePolyline(e); });
+
+        if (areas.bufferCoordList) {          
+          const bufferPaths = [];
+
+          areas.bufferCoordList.forEach((bfCoord) => {
+            const path = new naver.maps.LatLng(bfCoord.lat, bfCoord.lon);
+
+            bufferPaths.push(path);
+          });
+          console.log('buffer test : ',areas.bufferCoordList);
+          
+          if(pastPolygon) {
+            pastPolygon.setMap(null);
+          }
+
+          polygon = new naver.maps.Polygon({
+            strokeColor: '#283046',
+            strokeOpacity: 1,
+            fillColor: '#7367F0',
+            fillOpacity: 0.1,
+            paths: bufferPaths,
+            map: map
+          });
+          console.log(polygon);
+  
+          setPolygon(polygon);
+        }
       }
 
       if (areas.areaType && areas.areaType === 'POLYGON') {

src/containers/basis/flight/plan/FlightPlanDetailContainer.js

@@ -142,7 +142,7 @@ const FlightPlanDetailContainer = () => {
 
     useEffect(() => {
         // 조종사, 기체 정보 Redux 초기화
-        // dispatch(Actions.PILOT_ARCRFT_SELECT_INIT());
+        dispatch(Actions.PILOT_ARCRFT_SELECT_INIT());
     })
 
     const handleModal = (modal) => {