|
|
|
@ -2,6 +2,7 @@ import $ from 'jquery';
|
|
|
|
|
import { useEffect, useState } from 'react'; |
|
|
|
|
import { useDispatch, useSelector } from 'react-redux'; |
|
|
|
|
import * as Actions from '../../../../modules/basis/flight/actions/basisFlightAction'; |
|
|
|
|
import { InfoModal } from '../../../../components/modal/InfoModal'; |
|
|
|
|
|
|
|
|
|
export const FlightPlanDraw = props => { |
|
|
|
|
const dispatch = useDispatch(); |
|
|
|
@ -20,10 +21,16 @@ export const FlightPlanDraw = props => {
|
|
|
|
|
|
|
|
|
|
const [areaDetail, setAreaDetail] = useState(); |
|
|
|
|
|
|
|
|
|
const [alertModal, setAlertModal] = useState({ |
|
|
|
|
isOpen: false, |
|
|
|
|
title: '', |
|
|
|
|
desc: '' |
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
const naver = props.naver; |
|
|
|
|
const map = props.map; |
|
|
|
|
let mode = props.mode; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
let areaInfo; |
|
|
|
|
let lastDistance; |
|
|
|
|
|
|
|
|
@ -218,6 +225,8 @@ export const FlightPlanDraw = props => {
|
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const onClickPolyline = (e) => { |
|
|
|
|
console.log('onClickPolyline') |
|
|
|
|
var coord = e.coord; |
|
|
|
@ -733,6 +742,9 @@ export const FlightPlanDraw = props => {
|
|
|
|
|
map: map |
|
|
|
|
}) |
|
|
|
|
) |
|
|
|
|
} else if(i == paths.length-1) { |
|
|
|
|
// let tt = new naver.maps.EPSG3857.getDistance(paths[i], paths[])
|
|
|
|
|
|
|
|
|
|
} else { |
|
|
|
|
var proj = map.getProjection(), |
|
|
|
|
r = proj.getDistance(paths[i-1], paths[i]); |
|
|
|
@ -839,5 +851,11 @@ export const FlightPlanDraw = props => {
|
|
|
|
|
return text; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
return null; |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
return( |
|
|
|
|
<InfoModal modal={alertModal} setModal={setAlertModal} /> |
|
|
|
|
) |
|
|
|
|
}; |
|
|
|
|
export default FlightPlanDraw; |