Browse Source

.

pull/2/head
김지은 11 months ago
parent
commit
572aaea80b
  1. 8
      src/assets/css/custom.css
  2. 123
      src/views/laanc/LaancAreaMap.js

8
src/assets/css/custom.css

@ -1079,4 +1079,10 @@ caption {overflow: hidden; line-height: 0;text-indent: -2000px;}
.pal-popover-body{font-size:0.75rem;padding:0.8rem;} .pal-popover-body{font-size:0.75rem;padding:0.8rem;}
.pal-popover-icon{margin-left:4px;margin-top:-2px} .pal-popover-icon{margin-left:4px;margin-top:-2px}
.coords-wrap{position:absolute;z-index: 99;right:20px;bottom:20px} .coords-wrap{position:absolute;z-index: 99;right:20px;bottom:20px}
.coords-box{background:rgba(255, 255, 255, 0.7);border-radius:0.358rem;padding:1rem;height:200px}
.coords-box .ti{font-weight:500;margin-bottom:0.5rem}
.coords-box .coords-box-scroll{max-height:150px;overflow: scroll;padding:0.5rem;padding-top:0}
.coords-box-scroll span{font-size:0.875rem}
.coords-box-scroll .etc{margin:0 6px}
.coords-box + .coords-box{margin-left:1rem}

123
src/views/laanc/LaancAreaMap.js

@ -335,16 +335,133 @@ export default function LaancAreaMap({
<div> <div>
<h6 className='ti'>비행구역 {i + 1}</h6> <h6 className='ti'>비행구역 {i + 1}</h6>
<div className='coords-box-scroll'> <div className='coords-box-scroll'>
{coord?.map(co => { <div className='coords-box-list'>
<span>
<span>12,55557778</span>,<span> 34,55557778</span>
</span>
<span className='etc'>/</span>
<span>
<span>12,55557778</span>,<span> 34,55557778</span>
</span>
</div>
<div className='coords-box-list'>
<span>
<span>12,55557778</span>,<span> 34,55557778</span>
</span>
<span className='etc'>/</span>
<span>
<span>12,55557778</span>,<span> 34,55557778</span>
</span>
</div>
<div className='coords-box-list'>
<span>
<span>12,55557778</span>,<span> 34,55557778</span>
</span>
<span className='etc'>/</span>
<span>
<span>12,55557778</span>,<span> 34,55557778</span>
</span>
</div>
<div className='coords-box-list'>
<span>
<span>12,55557778</span>,<span> 34,55557778</span>
</span>
<span className='etc'>/</span>
<span>
<span>12,55557778</span>,<span> 34,55557778</span>
</span>
</div>
<div className='coords-box-list'>
<span>
<span>12,55557778</span>,<span> 34,55557778</span>
</span>
<span className='etc'>/</span>
<span>
<span>12,55557778</span>,<span> 34,55557778</span>
</span>
</div>
<div className='coords-box-list'>
<span>
<span>12,55557778</span>,<span> 34,55557778</span>
</span>
<span className='etc'>/</span>
<span>
<span>12,55557778</span>,<span> 34,55557778</span>
</span>
</div>
<div className='coords-box-list'>
<span>
<span>12,55557778</span>,<span> 34,55557778</span>
</span>
<span className='etc'>/</span>
<span>
<span>12,55557778</span>,<span> 34,55557778</span>
</span>
</div>
<div className='coords-box-list'>
<span>
<span>12,55557778</span>,<span> 34,55557778</span>
</span>
<span className='etc'>/</span>
<span>
<span>12,55557778</span>,<span> 34,55557778</span>
</span>
</div>
<div className='coords-box-list'>
<span>
<span>12,55557778</span>,<span> 34,55557778</span>
</span>
<span className='etc'>/</span>
<span>
<span>12,55557778</span>,<span> 34,55557778</span>
</span>
</div>
<div className='coords-box-list'>
<span>
<span>12,55557778</span>,<span> 34,55557778</span>
</span>
<span className='etc'>/</span>
<span>
<span>12,55557778</span>,<span> 34,55557778</span>
</span>
</div>
<div className='coords-box-list'>
<span>
<span>12,55557778</span>,<span> 34,55557778</span>
</span>
<span className='etc'>/</span>
<span>
<span>12,55557778</span>,<span> 34,55557778</span>
</span>
</div>
<div className='coords-box-list'>
<span>
<span>12,55557778</span>,<span> 34,55557778</span>
</span>
<span className='etc'>/</span>
<span>
<span>12,55557778</span>,<span> 34,55557778</span>
</span>
</div>
<div className='coords-box-list'>
<span>
<span>12,55557778</span>,<span> 34,55557778</span>
</span>
<span className='etc'>/</span>
<span>
<span>12,55557778</span>,{''}<span> 34,55557778</span>
</span>
</div>
{/* {coord?.map(co => {
const fCoord = FormattingCoord(co); const fCoord = FormattingCoord(co);
if (fCoord) { if (fCoord) {
return ( return (
<span> <span>
{fCoord[0]}, {fCoord[1]} <span>{fCoord[0]}, {fCoord[1]}</span>
</span> </span>
); );
} }
})} })} */}
</div> </div>
</div> </div>
); );

Loading…
Cancel
Save