| | |
| | | * - 外部订阅/通知机制 |
| | | */ |
| | | export class DrawPolygon { |
| | | constructor() { |
| | | constructor(options = {}) { |
| | | // 设备覆盖范围列表(经纬度 + 5000m半径) |
| | | this.deviceList = options.deviceList || [] |
| | | this.coverageRadius = 5000 |
| | | // 图斑预览模式标记 |
| | | this.isPureSpotPreview = false |
| | | // 是否删除测区 |
| | |
| | | handleLeftUp() { |
| | | if (!(this.editingMode && this.curPolygon?.positions && this.draggedEntity)) return |
| | | |
| | | // 检查松手位置是否在设备覆盖范围内 |
| | | if (this.isDragging && !this.isWithinDeviceCoverage(this.curPolygon.positions[this.draggedEntity?.customData.ind])) { |
| | | ElMessage.warning('该位置不在设备覆盖范围内,请在设备5公里范围内绘制') |
| | | // 回弹到拖拽前的位置 |
| | | this.draggedEntity.position = this.currentDragPointPosition |
| | | this.curPolygon.positions[this.draggedEntity?.customData.ind] = this.currentDragPointPosition |
| | | this.isDragging = false |
| | | this.draggedEntity = null |
| | | this.enableMapControl() |
| | | this.rebuildMidPoints() |
| | | return |
| | | } |
| | | |
| | | if (this.currentDragPointIsValid && this.isDragging) { |
| | | // 更新点位置 |
| | | this.draggedEntity.position = this.currentDragPointPosition |
| | |
| | | // 添加新的点 |
| | | const cartesian = this.viewer.scene.pickPosition(click.position) |
| | | if (!cartesian) return |
| | | |
| | | // 检查点击位置是否在设备覆盖范围内 |
| | | if (!this.isWithinDeviceCoverage(cartesian)) { |
| | | ElMessage.warning('该位置不在设备覆盖范围内,请在设备5公里范围内绘制') |
| | | return |
| | | } |
| | | |
| | | let arr = [...this.curPolygon.positions] |
| | | arr.pop() |
| | |
| | | |
| | | return intersections.features.length === 0 |
| | | } |
| | | |
| | | // 检查位置是否在任意设备的覆盖范围内(5km) |
| | | isWithinDeviceCoverage(cartesian) { |
| | | if (!this.deviceList || this.deviceList.length === 0) return true |
| | | const cartographic = Cesium.Cartographic.fromCartesian(cartesian) |
| | | const clickPoint = turf.point([Cesium.Math.toDegrees(cartographic.longitude), Cesium.Math.toDegrees(cartographic.latitude)]) |
| | | return this.deviceList |
| | | .filter(item => item.latitude) |
| | | .some(item => { |
| | | const rangePoint = turf.point([item.longitude, item.latitude]) |
| | | const distance = turf.distance(rangePoint, clickPoint, { units: 'kilometers' }) |
| | | return distance <= 5 |
| | | }) |
| | | } |
| | | // 初始化已有多边形 |
| | | async initPolygon(viewer, positions, isPurePreview = false) { |
| | | this.initHandler(viewer) |