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 }) {
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 }) {