增加水面线显示效果

xiebin

2023-02-14 416d6aafa95c99f0461f79ffd0577e8a9f7a5b3d

增加水面线显示效果

 widgets/FloodAnalysis/Widget.js

@@ -8,6 +8,8 @@
        name: 'FloodAnalysis',
        //渲染的点位
        pointEntities: [],
        //渲染的线
        drawingPolyline:null,
        //html元素
        analysisBtn: null,
        historyBtn: null,
@@ -218,6 +220,8 @@
        onClose: function onClose() {
            //面板关闭的时候触发 （when this panel is closed trigger）
            this.deleteEntities(this.pointEntities)
            if (this.drawingPolyline)
                this.map.entities.remove(this.drawingPolyline);

            this.map.scene.globe.baseColor = Cesium.Color.WHITE;

@@ -356,10 +360,12 @@
                    if (res.code == 200) {
                        let data = res.data.records
                        self.deleteEntities(self.pointEntities)

                        // 水面线连线
                        let cartesians = []
                        for (let i = 0; i < data.length; i++) {
                            var temp = self.map.entities.add({
                                position: Cesium.Cartesian3.fromDegrees(data[i].lng, data[i].lat),
                            cartesians.push(new Cesium.Cartesian3.fromDegrees(data[i].lng, data[i].lat,data[i].sw))
                            let temp = self.map.entities.add({
                                position: Cesium.Cartesian3.fromDegrees(data[i].lng, data[i].lat,data[i].sw),
                                point: {
                                    color: Cesium.Color.RED,
                                    pixelSize: 11,
@@ -368,8 +374,24 @@
                                    heightReference: Cesium.HeightReference.CLAMP_TO_GROUND
                                },
                            });
                            // 清空使用
                            self.pointEntities.push(temp)
                        }

                        // 先清空 后画线
                        if (self.drawingPolyline)
                            self.map.entities.remove(self.drawingPolyline);
                        let lineOpts = {
                            polyline: {
                                positions: cartesians,
                                clampToGround: true,
                                width: 3,
                                color: "#279a9a"
                            }
                        };
                        // 画线
                        self.drawingPolyline = self.map.entities.add(lineOpts);

                        self.analysisTableList = data
                        self.getSub(self.currentHd.id, self.currentSmxcode)
                    }