shuishen
2022-11-12 ce034b4c0db0eec0928fa54ee35f91ff2005a75c
src/utils/EntityDraw.js
@@ -2,7 +2,7 @@
 * @Author: shuishen 1109946754@qq.com
 * @Date: 2022-10-18 17:17:50
 * @LastEditors: shuishen 1109946754@qq.com
 * @LastEditTime: 2022-10-25 15:41:19
 * @LastEditTime: 2022-10-28 16:08:49
 * @FilePath: \srs-police-affairs\src\utils\EntityDraw.js
 * @Description: 
 * 
@@ -12,6 +12,7 @@
export default class EntityDraw {
    drawPolygonLayer = null
    drawPolylineLayer = null
    drawPointLayer = null
@@ -40,6 +41,11 @@
        // 添加面图层
        this.drawPolygonLayer = new global.DC.VectorLayer('drawPolygonLayer')
        global.viewer.addLayer(this.drawPolygonLayer)
        // 添加线图层
        this.drawPolylineLayer = new global.DC.VectorLayer('drawPolylineLayer')
        global.viewer.addLayer(this.drawPolylineLayer)
        // 添加点图层
        this.drawPointLayer = new global.DC.VectorLayer('drawPointLayer')
@@ -87,14 +93,27 @@
    drawGraph (positionData) {
        let graph
        graph = global.viewer.entities.add({
            polygon: {
                hierarchy: positionData,
                material: new global.DC.Namespace.Cesium.ColorMaterialProperty(
                    global.DC.Namespace.Cesium.Color.NAVAJOWHITE.withAlpha(0.7)
                ),
            }
        })
        if (this.type === "polyline") {
            graph = global.viewer.entities.add({
                polyline: {
                    material: new global.DC.Namespace.Cesium.ColorMaterialProperty(
                        global.DC.Namespace.Cesium.Color.NAVAJOWHITE.withAlpha(0.7)
                    ),
                    positions: positionData,
                    clampToGround: true,
                    width: 3,
                },
            })
        } else {
            graph = global.viewer.entities.add({
                polygon: {
                    hierarchy: positionData,
                    material: new global.DC.Namespace.Cesium.ColorMaterialProperty(
                        global.DC.Namespace.Cesium.Color.NAVAJOWHITE.withAlpha(0.7)
                    ),
                }
            })
        }
        return graph
    }
@@ -122,7 +141,13 @@
            that.activeShapePoints.push(event.surfacePosition)
            const dynamicPositions = new global.DC.Namespace.Cesium.CallbackProperty(function () {
                return new global.DC.Namespace.Cesium.PolygonHierarchy(that.activeShapePoints)
                if (that.type === "polyline") {
                    return that.activeShapePoints
                } else {
                    return new global.DC.Namespace.Cesium.PolygonHierarchy(that.activeShapePoints)
                }
            }, false)
            that.activeShape = that.drawGraph(dynamicPositions)
@@ -153,10 +178,19 @@
    }
    rightEvent (event) {
        if (this.activeShapePoints.length < 4) {
            global.viewer.tooltip.showAt(event.windowPosition, '不能绘制成面,请继续添加点')
            return
        if (this.type === "polyline") {
            if (this.activeShapePoints.length < 2) {
                global.viewer.tooltip.showAt(event.windowPosition, '不能绘制成线,请继续添加点')
                return
            }
        } else {
            if (this.activeShapePoints.length < 3) {
                global.viewer.tooltip.showAt(event.windowPosition, '不能绘制成面,请继续添加点')
                return
            }
        }
        this.terminateShape()
    }
@@ -173,15 +207,42 @@
        })
        let polygon = new global.DC.Polygon(this.drawCompletePosition)
        console.log(JSON.stringify(this.drawCompletePosition), 456)
        polygon.setStyle({
            material: new global.DC.Namespace.Cesium.ColorMaterialProperty(
                global.DC.Namespace.Cesium.Color.NAVAJOWHITE.withAlpha(0.7)
            )
        })
        if (this.type === "polyline") {
        this.drawPolygonLayer.addOverlay(polygon)
            let polyline = new global.DC.Polyline(this.drawCompletePosition)
            polyline.setStyle({
                material: new global.DC.Namespace.Cesium.ColorMaterialProperty(
                    global.DC.Namespace.Cesium.Color.NAVAJOWHITE.withAlpha(0.7)
                )
            })
            let coords = global.DC.GeoTools.polylineBuffer(this.drawCompletePosition, 100)
            let polygon = new global.DC.Polygon(coords)
            polygon.setStyle({
                material: global.DC.Color.RED.withAlpha(0.4)
            })
            this.drawPolylineLayer.addOverlay(polygon)
            this.drawPolylineLayer.addOverlay(polyline)
        } else {
            let polygon = new global.DC.Polygon(this.drawCompletePosition)
            polygon.setStyle({
                material: new global.DC.Namespace.Cesium.ColorMaterialProperty(
                    global.DC.Namespace.Cesium.Color.NAVAJOWHITE.withAlpha(0.7)
                )
            })
            this.drawPolygonLayer.addOverlay(polygon)
        }
        this.clickInTheProcess()
    }
@@ -204,13 +265,19 @@
    // 清除
    clearLayer () {
        this.drawPolygonLayer.clear()
        this.drawPolylineLayer.clear()
    }
    // 销毁
    destroy () {
        this.unRegisterEvents()
        this.drawPolygonLayer.clear()
        this.drawPolygonLayer.remove()
        this.drawPolylineLayer.clear()
        this.drawPolylineLayer.remove()
        this.drawPointLayer.clear()
        this.drawPointLayer.remove()