吉安感知网项目-前端
罗广辉
2026-02-26 ee6c54cf8cf65ecbc28c800d345c85c0bd865373
packages/utils/map/DrawPolygon.js
@@ -14,7 +14,10 @@
 *  - 外部订阅/通知机制
 */
export class DrawPolygon {
   constructor() {
   constructor(options = {}) {
      // 设备覆盖范围列表(经纬度 + 5000m半径)
      this.deviceList = options.deviceList || []
      this.coverageRadius = 5000
      // 图斑预览模式标记
      this.isPureSpotPreview = false
      // 是否删除测区
@@ -398,6 +401,19 @@
   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
@@ -514,6 +530,12 @@
      // 添加新的点
      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()
@@ -726,6 +748,20 @@
      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)