fix/ 비행구역 요청반경 라인 색상 변경

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>

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>