/*
 * @Author: shuishen 1109946754@qq.com
 * @Date: 2022-10-19 14:30:47
 * @LastEditors: shuishen 1109946754@qq.com
 * @LastEditTime: 2022-10-19 14:41:28
 * @FilePath: \srs-police-affairs\src\utils\1.js
 * @Description: 
 * 
 * Copyright (c) 2022 by shuishen 1109946754@qq.com, All Rights Reserved. 
 */
export default class EntityDraw {

    drawPolygonLayer = null
    drawPointLayer = null
    activeShapePoints = []
    activeShape = null

    constructor() {
        this.initLayer()
    }

    initLayer () {
        // 添加面图层
        this.drawPolygonLayer = new global.DC.VectorLayer('drawPolygonLayer')
        global.viewer.addLayer(this.drawPolygonLayer)

        // 添加点图层
        this.drawPointLayer = new global.DC.VectorLayer('drawPointLayer')
        global.viewer.addLayer(this.drawPointLayer)
    }

    activate () {
        this.deactivate()
        //鼠标左键点击事件 鼠标左键点击拾取需要编辑的对象
        this.initLeftClickEventHandler()


    }

    deactivate () {
        global.viewer.on(global.DC.MouseEventType.DB_CLICK, e => {
            return
        })
    }

    registerEvents () {
        global.viewer.tooltip.enable = true
        global.viewer.on(global.DC.MouseEventType.CLICK, this.leftEvent)
        global.viewer.on(global.DC.MouseEventType.MOUSE_MOVE, this.moveEvent)
        global.viewer.on(global.DC.MouseEventType.RIGHT_CLICK, this.rightEvent)
    }

    unRegisterEvents () {
        global.viewer.tooltip.enable = false
        global.viewer.off(global.DC.MouseEventType.CLICK, this.leftEvent)
        global.viewer.off(global.DC.MouseEventType.MOUSE_MOVE, this.moveEvent)
        global.viewer.off(global.DC.MouseEventType.RIGHT_CLICK, this.rightEvent)
    }

    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)
                ),
            }
        })

        return graph
    }

    leftEvent (event) {
        let point = new global.DC.Point(new global.DC.Position(event.wgs84SurfacePosition.lng, event.wgs84SurfacePosition.lat))

        point.setStyle({
            pixelSize: 10,
            color: global.DC.Color.RED, //颜色
            outlineColor: global.DC.Color.WHITE, //边框颜色
            outlineWidth: 2, //边框大小，
        })

        this.drawPointLayer.addOverlay(point)

        if (this.activeShapePoints.length === 0) {
            this.activeShapePoints.push(event.surfacePosition)

            const dynamicPositions = new global.DC.Namespace.Cesium.CallbackProperty(function () {
                return new global.DC.Namespace.Cesium.PolygonHierarchy(this.activeShapePoints)
            }, false)

            this.activeShape = this.drawGraph(dynamicPositions)
        }

        this.activeShapePoints.push(event.surfacePosition)
    }

    moveEvent (event) {

        global.viewer.tooltip.showAt(event.windowPosition, '左击选择点位，右击结束')

        if (this.activeShapePoints.length >= 2) {
            this.activeShapePoints.pop()

            this.activeShapePoints.push(event.surfacePosition)
        }

    }

    rightEvent (event) {

        if (this.activeShapePoints.length < 4) {
            global.viewer.tooltip.showAt(event.windowPosition, '不能绘制成面，请继续添加点')
            return
        }

        this.terminateShape()

    }

    terminateShape () {
        this.activeShapePoints.pop()

        this.drawGraph(this.activeShapePoints)

        global.viewer.entities.remove(this.activeShape)

        this.drawPointLayer.clear()

        this.drawPointLayer.remove()

        this.drawPointLayer = null

        this.activeShape = undefined

        this.activeShapePoints = []

        this.unRegisterEvents()
    }

}