From 572aaea80b35642eeac2b255bf8b7c346c9f1b39 Mon Sep 17 00:00:00 2001
From: geun1416 <1416geun@naver.com>
Date: Thu, 19 Oct 2023 15:34:01 +0900
Subject: [PATCH] .

---
 src/assets/css/custom.css       |   8 ++-
 src/views/laanc/LaancAreaMap.js | 123 +++++++++++++++++++++++++++++++-
 2 files changed, 127 insertions(+), 4 deletions(-)

diff --git a/src/assets/css/custom.css b/src/assets/css/custom.css
index 896f0be..4117af3 100644
--- a/src/assets/css/custom.css
+++ b/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-icon{margin-left:4px;margin-top:-2px}
 
-.coords-wrap{position:absolute;z-index: 99;right:20px;bottom:20px}
\ No newline at end of file
+.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}
\ No newline at end of file
diff --git a/src/views/laanc/LaancAreaMap.js b/src/views/laanc/LaancAreaMap.js
index 5069370..a1a96fb 100644
--- a/src/views/laanc/LaancAreaMap.js
+++ b/src/views/laanc/LaancAreaMap.js
@@ -335,16 +335,133 @@ export default function LaancAreaMap({
                           <div>
                             <h6 className='ti'>비행구역 {i + 1}</h6>
                             <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);
                                 if (fCoord) {
                                   return (
                                     <span>
-                                      {fCoord[0]}, {fCoord[1]}
+                                      <span>{fCoord[0]}, {fCoord[1]}</span>
                                     </span>
                                   );
                                 }
-                              })}
+                              })} */}
                             </div>
                           </div>
                         );