|
|
|
@ -4,10 +4,9 @@ import { useDispatch, useSelector } from 'react-redux';
|
|
|
|
|
import * as Actions from '../../../../modules/basis/flight/actions/basisFlightAction'; |
|
|
|
|
import { InfoModal } from '../../../modal/InfoModal'; |
|
|
|
|
|
|
|
|
|
export const FlightPlanDraw = props => { |
|
|
|
|
export const FlightPlanDraw_init = props => { |
|
|
|
|
const dispatch = useDispatch(); |
|
|
|
|
const mapControl = useSelector(state => state.controlMapReducer); |
|
|
|
|
// const isYour = props.isYour;
|
|
|
|
|
const isDone = props.isDone; |
|
|
|
|
const isDisabled = props.isDisabled; |
|
|
|
|
|
|
|
|
@ -15,7 +14,9 @@ export const FlightPlanDraw = props => {
|
|
|
|
|
const [pastBuffer, setBuffer] = useState(); |
|
|
|
|
const [pastPolygon, setPolygon] = useState(); |
|
|
|
|
const [pastCircle, setCircle] = useState([]); |
|
|
|
|
const [pastDragCircle, setDragCircle] = useState([]); |
|
|
|
|
// const [pastDragCircle, setDragCircle] = useState([]);
|
|
|
|
|
const pastDragCircle = props.pastDragCircle; |
|
|
|
|
const setDragCircle = props.setDragCircle; |
|
|
|
|
|
|
|
|
|
const [pastClickEve, setClickEve] = useState(); |
|
|
|
|
const [pastMarker, setMarker] = useState([]); |
|
|
|
@ -33,8 +34,6 @@ export const FlightPlanDraw = props => {
|
|
|
|
|
const naver = props.naver; |
|
|
|
|
const map = props.map; |
|
|
|
|
let mode = props.mode; |
|
|
|
|
// let dragCircleSize = props.dragCircleSize;
|
|
|
|
|
// let dragSize = props.dragSize;
|
|
|
|
|
|
|
|
|
|
let areaInfo; |
|
|
|
|
let lastDistance; |
|
|
|
@ -65,10 +64,9 @@ export const FlightPlanDraw = props => {
|
|
|
|
|
|
|
|
|
|
const [radiusCircle, setRadiusCircle] = useState(); |
|
|
|
|
|
|
|
|
|
// useEffect(() => {
|
|
|
|
|
// console.log(props.dragSize);
|
|
|
|
|
// setRadiusCircle(props.dragSize);
|
|
|
|
|
// }, [props.dragSize]);
|
|
|
|
|
useEffect(() => { |
|
|
|
|
setRadiusCircle(props.dragSize); |
|
|
|
|
}, [props.dragSize]); |
|
|
|
|
|
|
|
|
|
useEffect(() => { |
|
|
|
|
drawInit(); |
|
|
|
@ -630,12 +628,11 @@ export const FlightPlanDraw = props => {
|
|
|
|
|
fillColor: '#ffffff', |
|
|
|
|
fillOpacity: 1, |
|
|
|
|
center: paths[i], |
|
|
|
|
// radius: 17,
|
|
|
|
|
// radius: dragSize,
|
|
|
|
|
map: map, |
|
|
|
|
// clickable: true
|
|
|
|
|
clickable: clickSet, |
|
|
|
|
...(props.dragSize ? { radius: radiusCircle } : { radius: 100 }) |
|
|
|
|
...(props.dragSize ? { radius: radiusCircle } : { radius: 140 }) |
|
|
|
|
// radius: 17,
|
|
|
|
|
// clickable: true
|
|
|
|
|
}) |
|
|
|
|
); |
|
|
|
|
{ |
|
|
|
@ -742,12 +739,11 @@ export const FlightPlanDraw = props => {
|
|
|
|
|
fillColor: '#ffffff', |
|
|
|
|
fillOpacity: 1, |
|
|
|
|
center: paths[i], |
|
|
|
|
// radius: dragSize,
|
|
|
|
|
// radius: 17,
|
|
|
|
|
// radius: dragCircleSize,
|
|
|
|
|
map: map, |
|
|
|
|
clickable: clickSet, |
|
|
|
|
...(props.dragSize ? { radius: radiusCircle } : { radius: 140 }) |
|
|
|
|
// radius: 17,
|
|
|
|
|
// clickable: true
|
|
|
|
|
clickable: clickSet |
|
|
|
|
}) |
|
|
|
|
); |
|
|
|
|
{ |
|
|
|
@ -837,19 +833,15 @@ export const FlightPlanDraw = props => {
|
|
|
|
|
circle = new naver.maps.Circle({ |
|
|
|
|
strokeColor: '#283046', |
|
|
|
|
strokeOpacity: 1, |
|
|
|
|
// fillColor: '#ff0000',
|
|
|
|
|
fillColor: '#7367F0', |
|
|
|
|
fillOpacity: 0.1, |
|
|
|
|
center: paths[0], |
|
|
|
|
radius: areas.bufferZone, |
|
|
|
|
map: map, |
|
|
|
|
// clickable: true
|
|
|
|
|
clickable: clickSet |
|
|
|
|
// clickable: true
|
|
|
|
|
}); |
|
|
|
|
// Eve.mousedownEve = naver.maps.Event.addListener(circle, 'mousedown', function () { onMouseDownDrag(0); })
|
|
|
|
|
{ |
|
|
|
|
// isDisabled
|
|
|
|
|
// isYour || isDone
|
|
|
|
|
isDisabled || isDone |
|
|
|
|
? {} |
|
|
|
|
: (Eve.mousedownEve = naver.maps.Event.addListener( |
|
|
|
|