|
|
@ -317,7 +317,7 @@ export default function OperationApprovalsContainer({ mode }) { |
|
|
|
//현재 선택한 sno 및 areacoordList 저장
|
|
|
|
//현재 선택한 sno 및 areacoordList 저장
|
|
|
|
const handlerDetail = async area => { |
|
|
|
const handlerDetail = async area => { |
|
|
|
console.log('>>', area); |
|
|
|
console.log('>>', area); |
|
|
|
setSelected(area[0].planAreaSno); |
|
|
|
setSelected([area[0].planAreaSno]); |
|
|
|
|
|
|
|
|
|
|
|
dispatch(clientSaveAreaCoordinateList(area)); |
|
|
|
dispatch(clientSaveAreaCoordinateList(area)); |
|
|
|
|
|
|
|
|
|
|
@ -430,25 +430,25 @@ export default function OperationApprovalsContainer({ mode }) { |
|
|
|
fitZoomPaths = enveloped.geometry.coordinates[0]; |
|
|
|
fitZoomPaths = enveloped.geometry.coordinates[0]; |
|
|
|
handlerFitBounds(mapObject, fitZoomPaths, 400, 'POLYGON', 'flight'); |
|
|
|
handlerFitBounds(mapObject, fitZoomPaths, 400, 'POLYGON', 'flight'); |
|
|
|
|
|
|
|
|
|
|
|
if (areaCoordList.length !== 1 || !areaCoordList[0]?.key) { |
|
|
|
// if (areaCoordList.length !== 1 || !areaCoordList[0]?.key) {
|
|
|
|
mapObject?.getSource('operationLayer')?.setData(operationLayer); |
|
|
|
mapObject?.getSource('operationLayer')?.setData(operationLayer); |
|
|
|
let dataBlock = null; |
|
|
|
let dataBlock = null; |
|
|
|
mapObject?.on('mousemove', 'polygon-flight', e => { |
|
|
|
mapObject?.on('mousemove', 'polygon-flight', e => { |
|
|
|
if (dataBlock) { |
|
|
|
if (dataBlock) { |
|
|
|
dataBlock.remove(); |
|
|
|
dataBlock.remove(); |
|
|
|
} |
|
|
|
} |
|
|
|
if ( |
|
|
|
if ( |
|
|
|
drawObj.getMode() === 'draw_line_string' || |
|
|
|
drawObj.getMode() === 'draw_line_string' || |
|
|
|
drawObj.getMode() === 'draw_polygon' |
|
|
|
drawObj.getMode() === 'draw_polygon' |
|
|
|
) { |
|
|
|
) { |
|
|
|
return; |
|
|
|
return; |
|
|
|
} |
|
|
|
} |
|
|
|
const data = e.features[0].properties; |
|
|
|
const data = e.features[0].properties; |
|
|
|
const lnglat = JSON.parse(data?.center); |
|
|
|
const lnglat = JSON.parse(data?.center); |
|
|
|
const addr = data?.addr ? data.addr : '-'; |
|
|
|
const addr = data?.addr ? data.addr : '-'; |
|
|
|
const reqElev = data?.reqElev ? data.reqElev : '-'; |
|
|
|
const reqElev = data?.reqElev ? data.reqElev : '-'; |
|
|
|
|
|
|
|
|
|
|
|
const content = ` |
|
|
|
const content = ` |
|
|
|
<div class="tooltip-box"> |
|
|
|
<div class="tooltip-box"> |
|
|
|
<div class="tooltip-ti"> |
|
|
|
<div class="tooltip-ti"> |
|
|
|
<span>${data?.applyNo}</span> |
|
|
|
<span>${data?.applyNo}</span> |
|
|
@ -461,25 +461,25 @@ export default function OperationApprovalsContainer({ mode }) { |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
`;
|
|
|
|
`;
|
|
|
|
|
|
|
|
|
|
|
|
if (mapObject) { |
|
|
|
if (mapObject) { |
|
|
|
dataBlock = new mapboxgl.Popup({ |
|
|
|
dataBlock = new mapboxgl.Popup({ |
|
|
|
anchor: 'bottom-left', |
|
|
|
anchor: 'bottom-left', |
|
|
|
offset: [20, -20], |
|
|
|
offset: [20, -20], |
|
|
|
closeButton: false, |
|
|
|
closeButton: false, |
|
|
|
closeOnClick: false, |
|
|
|
closeOnClick: false, |
|
|
|
closeOnMove: false |
|
|
|
closeOnMove: false |
|
|
|
}) |
|
|
|
}) |
|
|
|
.setLngLat({ lng: lnglat[0], lat: lnglat[1] }) |
|
|
|
.setLngLat({ lng: lnglat[0], lat: lnglat[1] }) |
|
|
|
.setHTML(content) |
|
|
|
.setHTML(content) |
|
|
|
.addTo(mapObject); |
|
|
|
.addTo(mapObject); |
|
|
|
} |
|
|
|
} |
|
|
|
}); |
|
|
|
}); |
|
|
|
mapObject?.on('mouseleave', 'polygon-flight', e => { |
|
|
|
mapObject?.on('mouseleave', 'polygon-flight', e => { |
|
|
|
if (dataBlock) { |
|
|
|
if (dataBlock) { |
|
|
|
dataBlock.remove(); |
|
|
|
dataBlock.remove(); |
|
|
|
} |
|
|
|
} |
|
|
|
}); |
|
|
|
}); |
|
|
|
} |
|
|
|
// }
|
|
|
|
} |
|
|
|
} |
|
|
|
}; |
|
|
|
}; |
|
|
|
|
|
|
|
|
|
|
|