|
|
@ -8,8 +8,11 @@ import { |
|
|
|
} from '../../../../modules/control/map/actions/controlMapActions'; |
|
|
|
} from '../../../../modules/control/map/actions/controlMapActions'; |
|
|
|
import { FlightPlanDraw } from '../../../map/naver/draw/FlightPlanDraw'; |
|
|
|
import { FlightPlanDraw } from '../../../map/naver/draw/FlightPlanDraw'; |
|
|
|
import { initFlightBas } from '../../../../modules/basis/flight/models/basisFlightModel'; |
|
|
|
import { initFlightBas } from '../../../../modules/basis/flight/models/basisFlightModel'; |
|
|
|
import { AREA_COORDINATE_LIST_SAVE } from '../../../../modules/basis/flight/actions/basisFlightAction'; |
|
|
|
import { |
|
|
|
import {flightPlanAPI} from '../../../../modules/basis/flight/apis/basisFlightApi' |
|
|
|
AREA_COORDINATE_LIST_SAVE, |
|
|
|
|
|
|
|
AREA_DETAIL_INIT |
|
|
|
|
|
|
|
} from '../../../../modules/basis/flight/actions/basisFlightAction'; |
|
|
|
|
|
|
|
import { flightPlanAPI } from '../../../../modules/basis/flight/apis/basisFlightApi'; |
|
|
|
|
|
|
|
|
|
|
|
const FlightPlanAreaMap = props => { |
|
|
|
const FlightPlanAreaMap = props => { |
|
|
|
const dispatch = useDispatch(); |
|
|
|
const dispatch = useDispatch(); |
|
|
@ -29,6 +32,9 @@ const FlightPlanAreaMap = props => { |
|
|
|
|
|
|
|
|
|
|
|
useEffect(() => { |
|
|
|
useEffect(() => { |
|
|
|
NaverMapInit(); |
|
|
|
NaverMapInit(); |
|
|
|
|
|
|
|
return () => { |
|
|
|
|
|
|
|
dispatch(AREA_DETAIL_INIT()); |
|
|
|
|
|
|
|
}; |
|
|
|
}, []); |
|
|
|
}, []); |
|
|
|
|
|
|
|
|
|
|
|
useEffect(() => { |
|
|
|
useEffect(() => { |
|
|
@ -56,7 +62,7 @@ const FlightPlanAreaMap = props => { |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
}, [areaCoordList]); |
|
|
|
}, [areaCoordList, map]); |
|
|
|
|
|
|
|
|
|
|
|
const ModeInit = () => { |
|
|
|
const ModeInit = () => { |
|
|
|
setMode(mapControl.drawType); |
|
|
|
setMode(mapControl.drawType); |
|
|
@ -136,10 +142,9 @@ const FlightPlanAreaMap = props => { |
|
|
|
setMapAreaCoordList(areaList); |
|
|
|
setMapAreaCoordList(areaList); |
|
|
|
}; |
|
|
|
}; |
|
|
|
|
|
|
|
|
|
|
|
const handleSearch = async() => { |
|
|
|
const handleSearch = async () => { |
|
|
|
const res = await flightPlanAPI.searchArea({query: query}); |
|
|
|
const res = await flightPlanAPI.searchArea({ query: query }); |
|
|
|
console.log(res.data.items, '<<<') |
|
|
|
}; |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const handleChange = e => { |
|
|
|
const handleChange = e => { |
|
|
|
const { name, value } = e.target; |
|
|
|
const { name, value } = e.target; |
|
|
@ -246,12 +251,12 @@ const FlightPlanAreaMap = props => { |
|
|
|
// {...props.test? (
|
|
|
|
// {...props.test? (
|
|
|
|
// {}
|
|
|
|
// {}
|
|
|
|
// ):(
|
|
|
|
// ):(
|
|
|
|
// {disabled:false}
|
|
|
|
// {disabled:false}
|
|
|
|
// )}
|
|
|
|
// )}
|
|
|
|
disabled={props.test} |
|
|
|
disabled={props.test} |
|
|
|
> |
|
|
|
> |
|
|
|
초기화 |
|
|
|
초기화 |
|
|
|
</Button.Ripple> |
|
|
|
</Button.Ripple> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</CardBody> |
|
|
|
</CardBody> |
|
|
|
</Card> |
|
|
|
</Card> |
|
|
|