|
|
@ -22,14 +22,6 @@ const ControlSetting = props => { |
|
|
|
|
|
|
|
|
|
|
|
const mapControl = useSelector(state => state.controlMapReducer); |
|
|
|
const mapControl = useSelector(state => state.controlMapReducer); |
|
|
|
|
|
|
|
|
|
|
|
// console.log('111111111111111');
|
|
|
|
|
|
|
|
// useEffect(() => {
|
|
|
|
|
|
|
|
// console.log('111111111111111');
|
|
|
|
|
|
|
|
// }, []);
|
|
|
|
|
|
|
|
useEffect(() => { |
|
|
|
|
|
|
|
console.log('>>>>', mapControl); |
|
|
|
|
|
|
|
}, [mapControl]); |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const handlerMapType = val => { |
|
|
|
const handlerMapType = val => { |
|
|
|
dispatch(mapTypeChangeAction(val)); |
|
|
|
dispatch(mapTypeChangeAction(val)); |
|
|
|
}; |
|
|
|
}; |
|
|
@ -76,174 +68,6 @@ const ControlSetting = props => { |
|
|
|
</ButtonGroup> |
|
|
|
</ButtonGroup> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
{/* <div className='layer-content'> |
|
|
|
|
|
|
|
<div className='layer-ti'> |
|
|
|
|
|
|
|
<h4>지역검색</h4> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
<div className='layer-search'> |
|
|
|
|
|
|
|
<InputGroup> |
|
|
|
|
|
|
|
<Input type='text' placeholder='검색어를 입력하세요' /> |
|
|
|
|
|
|
|
<Button color='primary' outline> |
|
|
|
|
|
|
|
<Search size={18} /> |
|
|
|
|
|
|
|
</Button> |
|
|
|
|
|
|
|
</InputGroup> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
<div className='layer-content'> |
|
|
|
|
|
|
|
<div className='layer-ti'> |
|
|
|
|
|
|
|
<h4>드론 중량</h4> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
<div className='layer-content-box'> |
|
|
|
|
|
|
|
<div className='layer-content-info layer-switch-list'> |
|
|
|
|
|
|
|
<dl> |
|
|
|
|
|
|
|
<dt> |
|
|
|
|
|
|
|
<div className='list-left-txt'>전체</div> |
|
|
|
|
|
|
|
<div className='list-right-txt'> |
|
|
|
|
|
|
|
<CustomInput |
|
|
|
|
|
|
|
onClick={e => console.log(1111)} |
|
|
|
|
|
|
|
className='custom-control-primary' |
|
|
|
|
|
|
|
type='switch' |
|
|
|
|
|
|
|
id='test11' |
|
|
|
|
|
|
|
name='test02' |
|
|
|
|
|
|
|
inline |
|
|
|
|
|
|
|
/> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
</dt> |
|
|
|
|
|
|
|
<dt> |
|
|
|
|
|
|
|
<div className='list-left-txt'>250g 이하</div> |
|
|
|
|
|
|
|
<div className='list-right-txt'> |
|
|
|
|
|
|
|
<CustomInput |
|
|
|
|
|
|
|
className='custom-control-primary' |
|
|
|
|
|
|
|
type='switch' |
|
|
|
|
|
|
|
id='test12' |
|
|
|
|
|
|
|
name='test02' |
|
|
|
|
|
|
|
inline |
|
|
|
|
|
|
|
/> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
</dt> |
|
|
|
|
|
|
|
<dt> |
|
|
|
|
|
|
|
<div className='list-left-txt'>250g 초과~2kg 이하</div> |
|
|
|
|
|
|
|
<div className='list-right-txt'> |
|
|
|
|
|
|
|
<CustomInput |
|
|
|
|
|
|
|
className='custom-control-primary' |
|
|
|
|
|
|
|
type='switch' |
|
|
|
|
|
|
|
id='test13' |
|
|
|
|
|
|
|
name='test03' |
|
|
|
|
|
|
|
inline |
|
|
|
|
|
|
|
/> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
</dt> |
|
|
|
|
|
|
|
<dt> |
|
|
|
|
|
|
|
<div className='list-left-txt'>2kg 초과~7kg 이하</div> |
|
|
|
|
|
|
|
<div className='list-right-txt'> |
|
|
|
|
|
|
|
<CustomInput |
|
|
|
|
|
|
|
className='custom-control-primary' |
|
|
|
|
|
|
|
type='switch' |
|
|
|
|
|
|
|
id='test14' |
|
|
|
|
|
|
|
name='test04' |
|
|
|
|
|
|
|
inline |
|
|
|
|
|
|
|
/> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
</dt> |
|
|
|
|
|
|
|
<dt> |
|
|
|
|
|
|
|
<div className='list-left-txt'>7kg 초과~25kg 이하</div> |
|
|
|
|
|
|
|
<div className='list-right-txt'> |
|
|
|
|
|
|
|
<CustomInput |
|
|
|
|
|
|
|
className='custom-control-primary' |
|
|
|
|
|
|
|
type='switch' |
|
|
|
|
|
|
|
id='test15' |
|
|
|
|
|
|
|
name='test05' |
|
|
|
|
|
|
|
inline |
|
|
|
|
|
|
|
/> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
</dt> |
|
|
|
|
|
|
|
<dt> |
|
|
|
|
|
|
|
<div className='list-left-txt'>25kg 초과~150kg 이하</div> |
|
|
|
|
|
|
|
<div className='list-right-txt'> |
|
|
|
|
|
|
|
<CustomInput |
|
|
|
|
|
|
|
className='custom-control-primary' |
|
|
|
|
|
|
|
type='switch' |
|
|
|
|
|
|
|
id='test16' |
|
|
|
|
|
|
|
name='test05' |
|
|
|
|
|
|
|
inline |
|
|
|
|
|
|
|
/> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
</dt> |
|
|
|
|
|
|
|
</dl> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
<div className='layer-content'> |
|
|
|
|
|
|
|
<div className='layer-ti'> |
|
|
|
|
|
|
|
<h4>드론 상태</h4> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
<div className='layer-content-box'> |
|
|
|
|
|
|
|
<div className='layer-content-info layer-switch-list'> |
|
|
|
|
|
|
|
<dl> |
|
|
|
|
|
|
|
<dt> |
|
|
|
|
|
|
|
<div className='list-left-txt'>전체</div> |
|
|
|
|
|
|
|
<div className='list-right-txt'> |
|
|
|
|
|
|
|
<CustomInput |
|
|
|
|
|
|
|
className='custom-control-primary' |
|
|
|
|
|
|
|
type='switch' |
|
|
|
|
|
|
|
id='test17' |
|
|
|
|
|
|
|
name='test02' |
|
|
|
|
|
|
|
inline |
|
|
|
|
|
|
|
/> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
</dt> |
|
|
|
|
|
|
|
<dt> |
|
|
|
|
|
|
|
<div className='list-left-txt'>Arming</div> |
|
|
|
|
|
|
|
<div className='list-right-txt'> |
|
|
|
|
|
|
|
<CustomInput |
|
|
|
|
|
|
|
className='custom-control-primary' |
|
|
|
|
|
|
|
type='switch' |
|
|
|
|
|
|
|
id='test18' |
|
|
|
|
|
|
|
name='test02' |
|
|
|
|
|
|
|
inline |
|
|
|
|
|
|
|
/> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
</dt> |
|
|
|
|
|
|
|
<dt> |
|
|
|
|
|
|
|
<div className='list-left-txt'>Landing</div> |
|
|
|
|
|
|
|
<div className='list-right-txt'> |
|
|
|
|
|
|
|
<CustomInput |
|
|
|
|
|
|
|
className='custom-control-primary' |
|
|
|
|
|
|
|
type='switch' |
|
|
|
|
|
|
|
id='test19' |
|
|
|
|
|
|
|
name='test03' |
|
|
|
|
|
|
|
inline |
|
|
|
|
|
|
|
/> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
</dt> |
|
|
|
|
|
|
|
<dt> |
|
|
|
|
|
|
|
<div className='list-left-txt'>Take off</div> |
|
|
|
|
|
|
|
<div className='list-right-txt'> |
|
|
|
|
|
|
|
<CustomInput |
|
|
|
|
|
|
|
className='custom-control-primary' |
|
|
|
|
|
|
|
type='switch' |
|
|
|
|
|
|
|
id='test20' |
|
|
|
|
|
|
|
name='test04' |
|
|
|
|
|
|
|
inline |
|
|
|
|
|
|
|
/> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
</dt> |
|
|
|
|
|
|
|
<dt> |
|
|
|
|
|
|
|
<div className='list-left-txt'>Flight</div> |
|
|
|
|
|
|
|
<div className='list-right-txt'> |
|
|
|
|
|
|
|
<CustomInput |
|
|
|
|
|
|
|
className='custom-control-primary' |
|
|
|
|
|
|
|
type='switch' |
|
|
|
|
|
|
|
id='test21' |
|
|
|
|
|
|
|
name='test05' |
|
|
|
|
|
|
|
inline |
|
|
|
|
|
|
|
/> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
</dt> |
|
|
|
|
|
|
|
</dl> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
</div> */} |
|
|
|
|
|
|
|
<div className='layer-content'> |
|
|
|
<div className='layer-content'> |
|
|
|
<div className='layer-ti'> |
|
|
|
<div className='layer-ti'> |
|
|
|
<h4>공역 표출 정보</h4> |
|
|
|
<h4>공역 표출 정보</h4> |
|
|
@ -353,100 +177,6 @@ const ControlSetting = props => { |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
{/* <div className='layer-content'> |
|
|
|
{/* <div className='layer-content'> |
|
|
|
<div className='layer-ti'> |
|
|
|
|
|
|
|
<h4>장애물 표출 정보</h4> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
<div className='layer-content-box'> |
|
|
|
|
|
|
|
<div className='layer-content-info layer-switch-list'> |
|
|
|
|
|
|
|
<dl> |
|
|
|
|
|
|
|
<dt> |
|
|
|
|
|
|
|
<div className='list-left-txt'> |
|
|
|
|
|
|
|
<BiGridAlt size={20} /> |
|
|
|
|
|
|
|
전체장애물 |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
<div className='list-right-txt'> |
|
|
|
|
|
|
|
<CustomInput |
|
|
|
|
|
|
|
className='custom-control-primary' |
|
|
|
|
|
|
|
type='switch' |
|
|
|
|
|
|
|
id='test06' |
|
|
|
|
|
|
|
name='test06' |
|
|
|
|
|
|
|
inline |
|
|
|
|
|
|
|
/> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
</dt> |
|
|
|
|
|
|
|
<dt> |
|
|
|
|
|
|
|
<div className='list-left-txt'> |
|
|
|
|
|
|
|
<BiBuildings size={22} /> |
|
|
|
|
|
|
|
고층 건물 |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
<div className='list-right-txt'> |
|
|
|
|
|
|
|
<CustomInput |
|
|
|
|
|
|
|
className='custom-control-primary' |
|
|
|
|
|
|
|
type='switch' |
|
|
|
|
|
|
|
id='test07' |
|
|
|
|
|
|
|
name='test06' |
|
|
|
|
|
|
|
inline |
|
|
|
|
|
|
|
/> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
</dt> |
|
|
|
|
|
|
|
<dt> |
|
|
|
|
|
|
|
<div className='list-left-txt'> |
|
|
|
|
|
|
|
<VscRadioTower size={22} /> |
|
|
|
|
|
|
|
송전탑 |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
<div className='list-right-txt'> |
|
|
|
|
|
|
|
<CustomInput |
|
|
|
|
|
|
|
className='custom-control-primary' |
|
|
|
|
|
|
|
type='switch' |
|
|
|
|
|
|
|
id='test08' |
|
|
|
|
|
|
|
name='test06' |
|
|
|
|
|
|
|
inline |
|
|
|
|
|
|
|
/> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
</dt> |
|
|
|
|
|
|
|
<dt> |
|
|
|
|
|
|
|
<div className='list-left-txt'> |
|
|
|
|
|
|
|
<CgTrees size={22} /> |
|
|
|
|
|
|
|
국립공원 |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
<div className='list-right-txt'> |
|
|
|
|
|
|
|
<CustomInput |
|
|
|
|
|
|
|
className='custom-control-primary' |
|
|
|
|
|
|
|
type='switch' |
|
|
|
|
|
|
|
id='test09' |
|
|
|
|
|
|
|
name='test06' |
|
|
|
|
|
|
|
inline |
|
|
|
|
|
|
|
/> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
</dt> |
|
|
|
|
|
|
|
</dl> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
<div className='layer-content'> |
|
|
|
|
|
|
|
<div className='layer-ti'> |
|
|
|
|
|
|
|
<h4>NOTAM 정보</h4> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
<div className='layer-content-box'> |
|
|
|
|
|
|
|
<div className='layer-content-info layer-switch-list'> |
|
|
|
|
|
|
|
<dl> |
|
|
|
|
|
|
|
<dt> |
|
|
|
|
|
|
|
<div className='list-left-txt'>NOTAM</div> |
|
|
|
|
|
|
|
<div className='list-right-txt'> |
|
|
|
|
|
|
|
<CustomInput |
|
|
|
|
|
|
|
className='custom-control-primary' |
|
|
|
|
|
|
|
type='switch' |
|
|
|
|
|
|
|
id='test10' |
|
|
|
|
|
|
|
name='test06' |
|
|
|
|
|
|
|
inline |
|
|
|
|
|
|
|
/> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
</dt> |
|
|
|
|
|
|
|
</dl> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
</div> */} |
|
|
|
|
|
|
|
<div className='layer-content'> |
|
|
|
|
|
|
|
<div className='layer-ti'> |
|
|
|
<div className='layer-ti'> |
|
|
|
<h4>환경지표</h4> |
|
|
|
<h4>환경지표</h4> |
|
|
|
</div> |
|
|
|
</div> |
|
|
@ -541,7 +271,7 @@ const ControlSetting = props => { |
|
|
|
</dl> |
|
|
|
</dl> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> */} |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
); |
|
|
|
); |
|
|
|
}; |
|
|
|
}; |
|
|
|