laanc 스텝1 반경 적용

src/views/laanc/FlightArea.js

@@ -333,9 +333,9 @@ export default function FlightArea({ centeredModal, setCenteredModal, page }) {
           ref={mapContainer}
           style={{ width: '100%', height: '35vh' }}
         ></div>
-        {/* {isMapLoad && mapObject ? (
+        {isMapLoad && mapObject ? (
           <FeatureAirZone map={mapObject} mapboxgl={mapboxgl} />
-        ) : null} */}
+        ) : null}
       </div>
       {page === 1 ? (
         <Modal

src/views/laanc/LaancAreaMap.js

@@ -38,6 +38,7 @@ import {
 import flatGimpo from '../../components/map/geojson/flatGimpoAirportAirArea.json';
 import gimpo from '../../components/map/geojson/gimpoAirportAirArea.json';
 import geoJson from '../../components/map/geojson/airArea.json';
+import { FeatureAirZone } from '../../components/map/mapbox/feature/FeatureAirZone';
 
 export default function LaancAreaMap({ centeredModal, mapContainer }) {
   const dispatch = useDispatch();
@@ -420,6 +421,9 @@ export default function LaancAreaMap({ centeredModal, mapContainer }) {
               </div>
             </div>
           </div>
+          {isMapLoad && mapObject ? (
+            <FeatureAirZone map={mapObject} mapboxgl={mapboxgl} />
+          ) : null}
         </div>
       </CardBody>
     </Card>

src/views/laanc/LaancStep1.js

@@ -29,18 +29,8 @@ import {
   Input
 } from 'reactstrap';
 
-import {
-  initFlight,
-  initFlightBas
-} from '../../modules/basis/flight/models/basisFlightModel';
-import {
-  areaClickAction,
-  environmentClickAction,
-  mapTypeChangeAction,
-  sensorClickAction
-} from '../../modules/control/map/actions/controlMapActions';
 import FlightArea from './FlightArea';
-import { AREA_DETAIL_INIT } from '../../modules/basis/flight/actions/basisFlightAction';
+import { FLIGHT_PLAN_AREA_BUFFER_LIST } from '../../modules/basis/flight/actions/basisFlightAction';
 
 export default function LaancStep1({
   handleChange,
@@ -234,7 +224,27 @@ export default function LaancStep1({
             </Col>
             <Col className='list-input' md='12'>
               <div className='ti'>
-                비행 구역 정보<Button size='sm'>적용</Button>
+                비행 구역 정보
+                <Button
+                  size='sm'
+                  onClick={() => {
+                    if (areaCoordList) {
+                      if (areaCoordList[0].coordList.length > 0) {
+                        const array = [];
+                        const copy = { ...areaCoordList[0] };
+                        copy.bufferZone = data.areaList[0].bufferZone;
+
+                        array.push(copy);
+
+                        dispatch(FLIGHT_PLAN_AREA_BUFFER_LIST.request(array));
+                      }
+                    } else {
+                      alert('비행 구역 설정 후 적용 가능합니다.');
+                    }
+                  }}
+                >
+                  적용
+                </Button>
               </div>
               <Row>
                 <Col className='list-input' md='6'>