|
|
|
@ -310,7 +310,21 @@ export default function ControlApprovalsContainer({ mode }) {
|
|
|
|
|
type: 'geojson', |
|
|
|
|
data: controlLayer |
|
|
|
|
}); |
|
|
|
|
mapInstance.addLayer(flightlayerWayPoint('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); |
|
|
|
|
|
|
|
|
|
mapInstance.addLayer(flightlayerBuffer('controlLayer')); |
|
|
|
|
mapInstance.addLayer(flightlayerPolygon('controlLayer')); |
|
|
|
|
mapInstance.addLayer(flightlayerPolyline('controlLayer')); |
|
|
|
@ -342,6 +356,10 @@ export default function ControlApprovalsContainer({ mode }) {
|
|
|
|
|
circle.properties.center = [areas.lon, areas.lat]; |
|
|
|
|
circle.geometry.coordinates = circleCoords; |
|
|
|
|
|
|
|
|
|
const point = InitFeature('Point', 'POINT'); |
|
|
|
|
point.geometry.coordinates = [areas.lon, areas.lat]; |
|
|
|
|
controlLayer.features.push(point); |
|
|
|
|
|
|
|
|
|
controlLayer.features.push(circle); |
|
|
|
|
|
|
|
|
|
fitZoomPaths = circleCoords[0]; |
|
|
|
@ -377,7 +395,8 @@ export default function ControlApprovalsContainer({ mode }) {
|
|
|
|
|
|
|
|
|
|
if (mapObject) { |
|
|
|
|
const dataBlock = new mapboxgl.Popup({ |
|
|
|
|
offset: [0, 0], |
|
|
|
|
anchor: 'bottom-left', |
|
|
|
|
offset: [20, -20], |
|
|
|
|
closeButton: false, |
|
|
|
|
closeOnClick: false, |
|
|
|
|
closeOnMove: false |
|
|
|
|