From be97db4a2d5bb9a732943ba14271003c204c4d0a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?junh=5Feee=28=EC=9D=B4=EC=A4=80=ED=9D=AC=29?=
 <junh_eee@naver.com>
Date: Tue, 13 Aug 2024 16:35:58 +0900
Subject: [PATCH] =?UTF-8?q?fix/=20=EB=B9=84=ED=96=89=EA=B5=AC=EC=97=AD=20?=
 =?UTF-8?q?=EC=9A=94=EC=B2=AD=EB=B0=98=EA=B2=BD=20=EB=9D=BC=EC=9D=B8=20?=
 =?UTF-8?q?=EC=83=89=EC=83=81=20=EB=B3=80=EA=B2=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../flight/ControlApprovalsContainer.js       | 32 +++++++++----------
 .../flight/OperationApprovalsContainer.js     | 32 +++++++++----------
 2 files changed, 32 insertions(+), 32 deletions(-)

diff --git a/src/containers/flight/ControlApprovalsContainer.js b/src/containers/flight/ControlApprovalsContainer.js
index d35dee3c..8037a4cf 100644
--- a/src/containers/flight/ControlApprovalsContainer.js
+++ b/src/containers/flight/ControlApprovalsContainer.js
@@ -322,20 +322,6 @@ export default function ControlApprovalsContainer({ mode }) {
         data: controlLayer
       });
       // mapInstance.addLayer(flightlayerWayPoint('controlLayer'));
-      const centerPoint = {
-        id: 'waypoint-center',
-        type: 'circle',
-        source: 'controlLayer',
-        paint: {
-          'circle-radius': 5,
-          'circle-color': '#8a1c05',
-          'circle-stroke-color': '#000000',
-          'circle-stroke-width': 1
-        },
-        filter: ['in', '$type', 'Point']
-      };
-      mapInstance.addLayer(centerPoint);
-
       const reqRadiusCircle = {
         id: 'polyline',
         type: 'line',
@@ -345,13 +331,27 @@ export default function ControlApprovalsContainer({ mode }) {
           'line-join': 'round'
         },
         paint: {
-          'line-color': '#8a1c05',
+          'line-color': '#0048ff',
           'line-width': 1
         },
         filter: ['in', ['get', 'id'], ['literal', ['LINE', 'outline']]]
       };
       mapInstance.addLayer(reqRadiusCircle);
 
+      const centerPoint = {
+        id: 'waypoint-center',
+        type: 'circle',
+        source: 'controlLayer',
+        paint: {
+          'circle-radius': 5,
+          'circle-color': '#8a1c05',
+          'circle-stroke-color': '#000000',
+          'circle-stroke-width': 1
+        },
+        filter: ['in', '$type', 'Point']
+      };
+      mapInstance.addLayer(centerPoint);
+
       mapInstance.addLayer(flightlayerBuffer('controlLayer'));
       mapInstance.addLayer(flightlayerPolygon('controlLayer'));
       // mapInstance.addLayer(flightlayerPolyline('controlLayer'));
@@ -426,7 +426,7 @@ export default function ControlApprovalsContainer({ mode }) {
             </div>
             <div class="tooltip-txt">
               <div class="tooltip-txt-list">
-                <span>비행구역 ${area?.zoneNo} / ${addr} / ${limitZoneNm} / ${reqElev}</span>
+                <span>비행구역 ${area?.zoneNo} / ${addr} / ${limitZoneNm} / ${reqElev}(m)</span>
               </div>
             </div>
           </div>
diff --git a/src/containers/flight/OperationApprovalsContainer.js b/src/containers/flight/OperationApprovalsContainer.js
index d9581219..e7186ce0 100644
--- a/src/containers/flight/OperationApprovalsContainer.js
+++ b/src/containers/flight/OperationApprovalsContainer.js
@@ -380,20 +380,6 @@ export default function OperationApprovalsContainer({ mode }) {
         data: operationLayer
       });
       // mapInstance.addLayer(flightlayerWayPoint('operationLayer'));
-      const centerPoint = {
-        id: 'waypoint-center',
-        type: 'circle',
-        source: 'operationLayer',
-        paint: {
-          'circle-radius': 5,
-          'circle-color': '#8a1c05',
-          'circle-stroke-color': '#000000',
-          'circle-stroke-width': 1
-        },
-        filter: ['in', '$type', 'Point']
-      };
-      mapInstance.addLayer(centerPoint);
-
       const reqRadiusCircle = {
         id: 'polyline',
         type: 'line',
@@ -403,13 +389,27 @@ export default function OperationApprovalsContainer({ mode }) {
           'line-join': 'round'
         },
         paint: {
-          'line-color': '#8a1c05',
+          'line-color': '#0048ff',
           'line-width': 1
         },
         filter: ['in', ['get', 'id'], ['literal', ['LINE', 'outline']]]
       };
       mapInstance.addLayer(reqRadiusCircle);
 
+      const centerPoint = {
+        id: 'waypoint-center',
+        type: 'circle',
+        source: 'operationLayer',
+        paint: {
+          'circle-radius': 5,
+          'circle-color': '#8a1c05',
+          'circle-stroke-color': '#000000',
+          'circle-stroke-width': 1
+        },
+        filter: ['in', '$type', 'Point']
+      };
+      mapInstance.addLayer(centerPoint);
+
       mapInstance.addLayer(flightlayerBuffer('operationLayer'));
       mapInstance.addLayer(flightlayerPolygon('operationLayer'));
       // mapInstance.addLayer(flightlayerPolyline('operationLayer'));
@@ -499,7 +499,7 @@ export default function OperationApprovalsContainer({ mode }) {
                   </div>
                   <div class="tooltip-txt">
                     <div class="tooltip-txt-list">
-                      <span>비행구역 ${data?.zoneNo} / ${addr} / ${data?.limitZoneNm} / ${reqElev}</span>
+                      <span>비행구역 ${data?.zoneNo} / ${addr} / ${data?.limitZoneNm} / ${reqElev}(m)</span>
                     </div>
                   </div>
                 </div>