/*
 * @Author: shuishen 1109946754@qq.com
 * @Date: 2023-03-24 17:24:45
 * @LastEditors: shuishen 1109946754@qq.com
 * @LastEditTime: 2023-03-29 20:29:27
 * @FilePath: \srs-police-affairs\src\utils\plot\draw\DrawBillboard.js
 * @Description: 
 * 
 * Copyright (c) 2023 by ${git_name_email}, All Rights Reserved. 
 */
/**
 * @Author: Caven
 * @Date: 2020-08-29 20:29:59
 */
import { PlotEventType } from '@/utils/event/index.js'

import Draw from './Draw'

const IMG_CIRCLE_RED = '/images/circle_red.png'

class DrawPoint extends Draw {
    constructor(style) {
        super()
        this._position = global.DC.Namespace.Cesium.Cartesian3.UNIT_Z
        this._style = {
            image: style.billboardImage ?? IMG_CIRCLE_RED,
            ...style
        }
    }

    /**
     *
     * @private
     */
    _mountedHook () {
        this.curDrawTool.tooltipMess = '单击选择点位'
        this._delegate = new global.DC.Namespace.Cesium.Entity({
            position: new global.DC.Namespace.Cesium.CallbackProperty(() => {
                return this._position
            }, false),
            billboard: {
                ...this._style,
            }
        })
        this._layer.entities.add(this._delegate)
    }

    /**
     *
     * @private
     */
    _stopdHook () {
        let billboard = new global.DC.Billboard(
            global.DC.Transform.transformCartesianToWGS84(this._position),
            this._style.image
        ).setStyle(this._style)
        this._options.onDrawStop && this._options.onDrawStop(billboard)
    }

    /**
     *
     * @param position
     * @private
     */
    _onDrawAnchor (position) {
        this._position = position
        this.curDrawTool.fire(PlotEventType.DRAW_STOP)
    }

    /**
     *
     * @param position
     * @private
     */
    _onAnchorMoving (position) {
        this._position = position
    }
}

export default DrawPoint