|
|
@ -2,6 +2,7 @@ import $ from 'jquery'; |
|
|
|
import { useEffect, useState } from 'react'; |
|
|
|
import { useEffect, useState } from 'react'; |
|
|
|
import { useDispatch, useSelector } from 'react-redux'; |
|
|
|
import { useDispatch, useSelector } from 'react-redux'; |
|
|
|
import * as Actions from '../../../../modules/basis/flight/actions/basisFlightAction'; |
|
|
|
import * as Actions from '../../../../modules/basis/flight/actions/basisFlightAction'; |
|
|
|
|
|
|
|
import { InfoModal } from '../../../../components/modal/InfoModal'; |
|
|
|
|
|
|
|
|
|
|
|
export const FlightPlanDraw = props => { |
|
|
|
export const FlightPlanDraw = props => { |
|
|
|
const dispatch = useDispatch(); |
|
|
|
const dispatch = useDispatch(); |
|
|
@ -20,6 +21,12 @@ export const FlightPlanDraw = props => { |
|
|
|
|
|
|
|
|
|
|
|
const [areaDetail, setAreaDetail] = useState(); |
|
|
|
const [areaDetail, setAreaDetail] = useState(); |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const [alertModal, setAlertModal] = useState({ |
|
|
|
|
|
|
|
isOpen: false, |
|
|
|
|
|
|
|
title: '', |
|
|
|
|
|
|
|
desc: '' |
|
|
|
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
|
|
const naver = props.naver; |
|
|
|
const naver = props.naver; |
|
|
|
const map = props.map; |
|
|
|
const map = props.map; |
|
|
|
let mode = props.mode; |
|
|
|
let mode = props.mode; |
|
|
@ -188,11 +195,16 @@ export const FlightPlanDraw = props => { |
|
|
|
setPolyline(polyline); |
|
|
|
setPolyline(polyline); |
|
|
|
setAreaInfo(polypaths); |
|
|
|
setAreaInfo(polypaths); |
|
|
|
} else { |
|
|
|
} else { |
|
|
|
// polyline.setMap(null);
|
|
|
|
setAlertModal({ |
|
|
|
|
|
|
|
isOpen: true, |
|
|
|
|
|
|
|
title: '우회 여부 확인', |
|
|
|
|
|
|
|
desc: '좌표를 두 개 점으로 이어주세요.' |
|
|
|
|
|
|
|
}) |
|
|
|
|
|
|
|
polyline.setMap(null); |
|
|
|
polyline = ''; |
|
|
|
polyline = ''; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
polyline.setMap(null) |
|
|
|
//polyline.setMap(null)
|
|
|
|
setFigure(polyline) |
|
|
|
setFigure(polyline) |
|
|
|
|
|
|
|
|
|
|
|
} else if (polygon) { |
|
|
|
} else if (polygon) { |
|
|
@ -218,6 +230,8 @@ export const FlightPlanDraw = props => { |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const onClickPolyline = (e) => { |
|
|
|
const onClickPolyline = (e) => { |
|
|
|
console.log('onClickPolyline') |
|
|
|
console.log('onClickPolyline') |
|
|
|
var coord = e.coord; |
|
|
|
var coord = e.coord; |
|
|
@ -839,5 +853,11 @@ export const FlightPlanDraw = props => { |
|
|
|
return text; |
|
|
|
return text; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
return null; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
return( |
|
|
|
|
|
|
|
<InfoModal modal={alertModal} setModal={setAlertModal} /> |
|
|
|
|
|
|
|
) |
|
|
|
}; |
|
|
|
}; |
|
|
|
|
|
|
|
export default FlightPlanDraw; |