|
|
@ -27,7 +27,6 @@ import { |
|
|
|
handlerCreatePoint, |
|
|
|
handlerCreatePoint, |
|
|
|
handlerFitBounds, |
|
|
|
handlerFitBounds, |
|
|
|
handlerGetCircleCoord, |
|
|
|
handlerGetCircleCoord, |
|
|
|
handlerRemoveAllMarker, |
|
|
|
|
|
|
|
layerBuffer, |
|
|
|
layerBuffer, |
|
|
|
layerPolygon, |
|
|
|
layerPolygon, |
|
|
|
layerPolyline, |
|
|
|
layerPolyline, |
|
|
@ -36,13 +35,11 @@ import { |
|
|
|
import flatGimpo from '../../map/geojson/flatGimpoAirportAirArea.json'; |
|
|
|
import flatGimpo from '../../map/geojson/flatGimpoAirportAirArea.json'; |
|
|
|
import gimpo from '../../map/geojson/gimpoAirportAirArea.json'; |
|
|
|
import gimpo from '../../map/geojson/gimpoAirportAirArea.json'; |
|
|
|
import geoJson from '../../map/geojson/airArea.json'; |
|
|
|
import geoJson from '../../map/geojson/airArea.json'; |
|
|
|
import axios from '../../../modules/utils/customAxiosUtil'; |
|
|
|
|
|
|
|
import { FeatureAirZone } from '../../map/mapbox/feature/FeatureAirZone'; |
|
|
|
import { FeatureAirZone } from '../../map/mapbox/feature/FeatureAirZone'; |
|
|
|
import { WeatherContainer } from '../../../containers/basis/flight/plan/WeatherContainer'; |
|
|
|
import { WeatherContainer } from '../../../containers/basis/flight/plan/WeatherContainer'; |
|
|
|
import { initFlightBas } from '../../../modules/laanc/models/laancModels'; |
|
|
|
import { initFlightBas } from '../../../modules/laanc/models/laancModels'; |
|
|
|
import * as LaancAction from '../../../modules/laanc/actions/laancActions'; |
|
|
|
import * as LaancAction from '../../../modules/laanc/actions/laancActions'; |
|
|
|
import LaancDrawModal from './LaancDrawModal'; |
|
|
|
import LaancDrawModal from './LaancDrawModal'; |
|
|
|
import { handlerRemoveGroupMarker } from '../../../utility/DrawUtil'; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const initialAddData = { |
|
|
|
const initialAddData = { |
|
|
|
isAddable: false, |
|
|
|
isAddable: false, |
|
|
@ -86,8 +83,6 @@ export default function FlightArea({ |
|
|
|
const [saveData, setSaveData] = useState(); |
|
|
|
const [saveData, setSaveData] = useState(); |
|
|
|
const [saveElev, setSaveElev] = useState(); |
|
|
|
const [saveElev, setSaveElev] = useState(); |
|
|
|
|
|
|
|
|
|
|
|
// const [isDrawDone, setIsDrawDone] = useState(false);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
//날씨 임시 데이터
|
|
|
|
//날씨 임시 데이터
|
|
|
|
const [wheather, setWheather] = useState([]); |
|
|
|
const [wheather, setWheather] = useState([]); |
|
|
|
|
|
|
|
|
|
|
@ -183,15 +178,6 @@ export default function FlightArea({ |
|
|
|
}; |
|
|
|
}; |
|
|
|
|
|
|
|
|
|
|
|
const handlerDrawType = val => { |
|
|
|
const handlerDrawType = val => { |
|
|
|
// if (drawObj.getMode().includes('draw')) {
|
|
|
|
|
|
|
|
// const isEmpty = drawObj
|
|
|
|
|
|
|
|
// .getAll()
|
|
|
|
|
|
|
|
// .features.filter(o => !o.properties.id && o.properties.id !== 'BUFFER');
|
|
|
|
|
|
|
|
// drawObj.delete(isEmpty[0].id);
|
|
|
|
|
|
|
|
// handlerRemoveGroupMarker(isEmpty[0].id);
|
|
|
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
// dispatch(drawTypeChangeAction(val));
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
if (drawObj.getMode().includes('draw')) { |
|
|
|
if (drawObj.getMode().includes('draw')) { |
|
|
|
setModal({ |
|
|
|
setModal({ |
|
|
|
title: '비행 구역 설정', |
|
|
|
title: '비행 구역 설정', |
|
|
@ -265,6 +251,8 @@ export default function FlightArea({ |
|
|
|
'all', |
|
|
|
'all', |
|
|
|
['==', '$type', 'LineString'], |
|
|
|
['==', '$type', 'LineString'], |
|
|
|
['!=', 'mode', 'static'] |
|
|
|
['!=', 'mode', 'static'] |
|
|
|
|
|
|
|
// ['==', 'meta', 'feature'],
|
|
|
|
|
|
|
|
// ['==', 'active', 'false']
|
|
|
|
], |
|
|
|
], |
|
|
|
layout: { |
|
|
|
layout: { |
|
|
|
'line-cap': 'round', |
|
|
|
'line-cap': 'round', |
|
|
@ -276,6 +264,26 @@ export default function FlightArea({ |
|
|
|
'line-width': 2 |
|
|
|
'line-width': 2 |
|
|
|
} |
|
|
|
} |
|
|
|
}, |
|
|
|
}, |
|
|
|
|
|
|
|
// direct line stroke
|
|
|
|
|
|
|
|
// {
|
|
|
|
|
|
|
|
// id: 'gl-draw-line-active',
|
|
|
|
|
|
|
|
// type: 'line',
|
|
|
|
|
|
|
|
// filter: [
|
|
|
|
|
|
|
|
// 'all',
|
|
|
|
|
|
|
|
// ['==', '$type', 'LineString'],
|
|
|
|
|
|
|
|
// ['==', 'meta', 'feature'],
|
|
|
|
|
|
|
|
// ['==', 'active', 'true']
|
|
|
|
|
|
|
|
// ],
|
|
|
|
|
|
|
|
// layout: {
|
|
|
|
|
|
|
|
// 'line-cap': 'round',
|
|
|
|
|
|
|
|
// 'line-join': 'round'
|
|
|
|
|
|
|
|
// },
|
|
|
|
|
|
|
|
// paint: {
|
|
|
|
|
|
|
|
// 'line-color': '#000000',
|
|
|
|
|
|
|
|
// 'line-dasharray': [0.2, 2],
|
|
|
|
|
|
|
|
// 'line-width': 2
|
|
|
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
// },
|
|
|
|
// polygon fill
|
|
|
|
// polygon fill
|
|
|
|
{ |
|
|
|
{ |
|
|
|
id: 'gl-draw-polygon-fill', |
|
|
|
id: 'gl-draw-polygon-fill', |
|
|
@ -580,7 +588,10 @@ export default function FlightArea({ |
|
|
|
{page === 1 ? ( |
|
|
|
{page === 1 ? ( |
|
|
|
<Modal |
|
|
|
<Modal |
|
|
|
isOpen={centeredModal} |
|
|
|
isOpen={centeredModal} |
|
|
|
toggle={() => setCenteredModal(!centeredModal)} |
|
|
|
toggle={() => { |
|
|
|
|
|
|
|
setCenteredModal(!centeredModal); |
|
|
|
|
|
|
|
dispatch(AREA_COORDINATE_LIST_SAVE(saveData)); |
|
|
|
|
|
|
|
}} |
|
|
|
className='modal-dialog-centered modal-xl' |
|
|
|
className='modal-dialog-centered modal-xl' |
|
|
|
> |
|
|
|
> |
|
|
|
<ModalHeader |
|
|
|
<ModalHeader |
|
|
@ -603,8 +614,6 @@ export default function FlightArea({ |
|
|
|
setSaveData={setSaveData} |
|
|
|
setSaveData={setSaveData} |
|
|
|
handlerSaveElev={handlerSaveElev} |
|
|
|
handlerSaveElev={handlerSaveElev} |
|
|
|
setModal={setModal} |
|
|
|
setModal={setModal} |
|
|
|
// isDrawDone={isDrawDone}
|
|
|
|
|
|
|
|
// setIsDrawDone={setIsDrawDone}
|
|
|
|
|
|
|
|
/> |
|
|
|
/> |
|
|
|
</ModalBody> |
|
|
|
</ModalBody> |
|
|
|
<ModalFooter> |
|
|
|
<ModalFooter> |
|
|
|