|
|
@ -8,6 +8,8 @@ export const DronHistory = props => { |
|
|
|
const { controlGpList } = useSelector(state => state.controlGpState); |
|
|
|
const { controlGpList } = useSelector(state => state.controlGpState); |
|
|
|
const { objectId, isClickObject } = useSelector(state => state.controlMapReducer);
|
|
|
|
const { objectId, isClickObject } = useSelector(state => state.controlMapReducer);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const [arrHistory, setArrHistory] = useState([]); |
|
|
|
|
|
|
|
|
|
|
|
let naver = props.naver; |
|
|
|
let naver = props.naver; |
|
|
|
let polyline; |
|
|
|
let polyline; |
|
|
|
let polylinePath = [];
|
|
|
|
let polylinePath = [];
|
|
|
@ -16,24 +18,30 @@ export const DronHistory = props => { |
|
|
|
|
|
|
|
|
|
|
|
useEffect(() => { |
|
|
|
useEffect(() => { |
|
|
|
if(objectId && isClickObject) {
|
|
|
|
if(objectId && isClickObject) {
|
|
|
|
const gps = controlGpList.find((gps) => gps.controlId === objectId)
|
|
|
|
if(arrHistory && arrHistory.length > 0) { |
|
|
|
|
|
|
|
const gps = controlGpList.find((gps) => gps.controlId === objectId); |
|
|
|
|
|
|
|
|
|
|
|
if(gps) { |
|
|
|
if(gps) { |
|
|
|
const addHistory = { |
|
|
|
const addHistory = { |
|
|
|
objectId: gps.objectId, |
|
|
|
objectId: gps.objectId, |
|
|
|
lat: gps.lat, |
|
|
|
lat: gps.lat, |
|
|
|
lng: gps.lng |
|
|
|
lng: gps.lng |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
const history = [...controlGpHistory, addHistory];
|
|
|
|
const history = [...arrHistory, addHistory]; |
|
|
|
|
|
|
|
polylineInit(history); |
|
|
|
|
|
|
|
|
|
|
|
polylineInit(history);
|
|
|
|
setArrHistory((his) => { |
|
|
|
|
|
|
|
return [...his, addHistory]; |
|
|
|
|
|
|
|
}); |
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
} |
|
|
|
} |
|
|
|
}, [controlGpList]); |
|
|
|
}, [controlGpList]); |
|
|
|
|
|
|
|
|
|
|
|
useEffect(() => {
|
|
|
|
useEffect(() => {
|
|
|
|
polylineInit(controlGpHistory)
|
|
|
|
setArrHistory(controlGpHistory);
|
|
|
|
|
|
|
|
polylineInit(controlGpHistory); |
|
|
|
}, [controlGpHistory]); |
|
|
|
}, [controlGpHistory]); |
|
|
|
|
|
|
|
|
|
|
|
useEffect(() => { |
|
|
|
useEffect(() => { |
|
|
|