|
|
|
@ -318,17 +318,9 @@ export default function LaancAreaMap({
|
|
|
|
|
<CardBody> |
|
|
|
|
<div style={{ position: 'relative' }}> |
|
|
|
|
<LaancMapSearch mapObject={mapObject} /> |
|
|
|
|
<div |
|
|
|
|
className='d-flex coords-box' |
|
|
|
|
// style={{
|
|
|
|
|
// position: 'relative',
|
|
|
|
|
// zIndex: 100,
|
|
|
|
|
// margin: '470px 10px 10px 10px'
|
|
|
|
|
// }}
|
|
|
|
|
> |
|
|
|
|
<div className='d-flex coords-wrap'> |
|
|
|
|
{mapObject ? ( |
|
|
|
|
// <div style={{ width: '400px' }}>
|
|
|
|
|
<div> |
|
|
|
|
<div className='coords-box'> |
|
|
|
|
{drawObj.getAll().features.length > 1 |
|
|
|
|
? drawObj |
|
|
|
|
.getAll() |
|
|
|
@ -340,23 +332,20 @@ export default function LaancAreaMap({
|
|
|
|
|
: obj.geometry.coordinates[0]; |
|
|
|
|
|
|
|
|
|
return ( |
|
|
|
|
<div |
|
|
|
|
// style={{
|
|
|
|
|
// backgroundColor: '#fff',
|
|
|
|
|
// marginBottom: '10px'
|
|
|
|
|
// }}
|
|
|
|
|
> |
|
|
|
|
<div>비행구역 {i + 1}</div> |
|
|
|
|
{coord?.map(co => { |
|
|
|
|
const fCoord = FormattingCoord(co); |
|
|
|
|
if (fCoord) { |
|
|
|
|
return ( |
|
|
|
|
<div> |
|
|
|
|
{fCoord[0]}, {fCoord[1]} |
|
|
|
|
</div> |
|
|
|
|
); |
|
|
|
|
} |
|
|
|
|
})} |
|
|
|
|
<div> |
|
|
|
|
<h6 className='ti'>비행구역 {i + 1}</h6> |
|
|
|
|
<div className='coords-box-scroll'> |
|
|
|
|
{coord?.map(co => { |
|
|
|
|
const fCoord = FormattingCoord(co); |
|
|
|
|
if (fCoord) { |
|
|
|
|
return ( |
|
|
|
|
<span> |
|
|
|
|
{fCoord[0]}, {fCoord[1]} |
|
|
|
|
</span> |
|
|
|
|
); |
|
|
|
|
} |
|
|
|
|
})} |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
); |
|
|
|
|
}) |
|
|
|
|