坡度分析下载修改

surprise

2023-11-29 36fbd1e5a40e319e6ac5f43d11c99ba4b66e93a3

 src/assets/js/Map/temporaryTools.js

@@ -1,11 +1,84 @@
import store from "@/store";
import { none } from "ol/centerconstraint";
import * as turf from "@turf/turf";
import WKT from "terraformer-wkt-parser";
var temporaryTool = {
    isedit: false,
    removeTemporaryLayer(res) {
        var entities = window.Viewer.entities._entities._array;
        for (var i in entities) {
            if (entities[i].id == res.id && entities[i].shpType == res.shpType) {
            if (entities[i].id == res.id && entities[i]._shpType == res.shpType) {
                window.Viewer.entities.remove(entities[i])
            }
        }
    },
    removeTemporaryLayerAll() {
        var entities = window.Viewer.entities._entities._array;
        for (var i = 0; i < entities.length; i++) {
            if (entities[i]._shpType && entities[i]._shpType == "temporaryLayer") {
                window.Viewer.entities.remove(entities[i])
                i--;
            }
        }
    },

    getWKT(res) {
        var geom = res.geometry;
        var coord = null;
        debugger
        switch (res.type) {
            case "point":
            case "label":
                coord = turf.point([geom.lng, geom.lat]);
                break;
            case "polygon":
                var std = [];
                for (var i = 0; i < geom.length; i++) {
                    if (i % 2 == 0) {
                        std.push([geom[i], geom[i + 1]])
                    }
                }
                std.push(std[0])
                debugger
                coord = turf.polygon([std]);
                break;
            case "polyline":

                var std = [];
                for (var i = 0; i < geom.length; i++) {
                    if (i % 2 == 0) {
                        std.push([geom[i], geom[i + 1]])
                    }
                }

                coord = turf.lineString(std);
                break;
            case "rectangle":
                coord = turf.polygon([[
                    [geom[0], geom[1]],
                    [geom[0], geom[3]],
                    [geom[2], geom[3]],
                    [geom[2], geom[1]],
                    [geom[0], geom[1]],
                ]]);
                break;
        }
        var wkt = WKT.convert(coord.geometry);
        debugger
        return WKT.convert(coord.geometry);

    },
    locationTemporaryLayer(res) {
        var entities = window.Viewer.entities._entities._array;
        for (var i in entities) {
            if (entities[i].id == res.id && entities[i]._shpType == res.shpType) {
                window.Viewer.flyTo(entities[i], {
                    offset: {
                        heading: Cesium.Math.toRadians(0.0),
                        pitch: Cesium.Math.toRadians(-90),
                        range: 400
                    }
                });
            }
        }
    },
@@ -36,7 +109,7 @@
            heightReference = Number.POSITIVE_INFINITY;
        }
        var style;
        if (res.style) {
        if (res.outline) {
            style = Cesium.LabelStyle.FILL_AND_OUTLINE
        } else {
            style = Cesium.LabelStyle.FILL
@@ -69,7 +142,7 @@
                    res.outlineColor
                ).withAlpha(res.outlineAlpha),

                outlineWidth: res.outlineWidth,
                outlineWidth: res.width,
                scale: res.scale,
                style: style,
                horizontalOrigin: Cesium.HorizontalOrigin.CENTER,//对齐方式
@@ -121,35 +194,48 @@
                hierarchy: {
                    positions: Cesium.Cartesian3.fromDegreesArray(res.geometry),
                },
                material: Cesium.Color.fromCssColorString(res.metaColor).withAlpha(
                    res.metaAlpha
                material: Cesium.Color.fromCssColorString(res.material).withAlpha(
                    res.materialAlpha
                ),
                outline: true,
                distanceDisplayCondition: new Cesium.DistanceDisplayCondition(
                    res.near,
                    res.far
                ),
                outline: false,
                outlineWidth: res.width,

                outlineColor: Cesium.Color.fromCssColorString(
                    res.outlineColor
                ).withAlpha(res.outlineAlpha),
                heightReference: Cesium.HeightReference.CLAMP_TO_GROUND,
            },
        });
    },
    addTemporaryPolylineLayer(res) {
        var outlinewidth = 0
        if (res.outline) {
            outlinewidth = res.outlineWidth

            outlinewidth = res.width
        }

        window.Viewer.entities.add({
            name: res.cnName,
            id: res.id,
            shpType: res.shpType,
            outline: res.outline,
            polyline: {
                outline: res.outline,
                positions: Cesium.Cartesian3.fromDegreesArray(res.geometry),
                width: res.width,
                distanceDisplayCondition: new Cesium.DistanceDisplayCondition(
                    res.near,
                    res.far
                ),

                material: new Cesium.PolylineOutlineMaterialProperty({
                    color: Cesium.Color.fromCssColorString(res.material).withAlpha(
                        res.materialAlpha

                    ),
                    // 设置中间间隙的颜色
                    outlineWidth: outlinewidth,
                    outlineColor: Cesium.Color.fromCssColorString(res.outlineColor).withAlpha(
                        res.outlineAlpha
@@ -161,8 +247,7 @@
        });
    },
    addTemporaryRectangleLayer(res) {

        const rectangle = new Cesium.Entity({
        window.Viewer.entities.add({
            name: res.cnName,
            id: res.id,
            shpType: res.shpType,
@@ -171,16 +256,20 @@
                    res.geometry[1],
                    res.geometry[2],
                    res.geometry[3]),
                material: Cesium.Color.fromCssColorString(res.metaColor).withAlpha(
                    res.metaAlpha
                material: Cesium.Color.fromCssColorString(res.material).withAlpha(
                    res.materialAlpha
                ),
                distanceDisplayCondition: new Cesium.DistanceDisplayCondition(
                    res.near,
                    res.far
                ),
                outlineColor: Cesium.Color.fromCssColorString(
                    res.outlineColor
                ).withAlpha(res.outlineAlpha),

                outlineWidth: res.width,
                outline: res.outline
            }
        });
        window.Viewer.entities.add(rectangle)
        })
    },

    getEntityObj(res) {
@@ -204,6 +293,12 @@
                case 'polyline':
                    obj = this.getPolylineEntityObj(entity);
                    break;
                case 'rectangle':
                    obj = this.getRectangleEntityObj(entity);
                    break;
                case 'polygon':
                    obj = this.getPolygonEntityObj(entity);
                    break;
            }
        }
        return obj;
@@ -222,11 +317,86 @@
            case 'polyline':
                obj = this.getPolylineEntityObj(res);
                break;
            case 'rectangle':
                obj = this.getRectangleEntityObj(res);
                break;
            case 'polygon':
                obj = this.getPolygonEntityObj(res);
                break;
        }

        store.state.temporaryLayer = obj;
        sgworld.Creator.SimpleGraphic.clear();
    },
    getPolygonEntityObj(res) {
        var mataColor = res.polygon.material.color._value;
        var outlineColor = res.polygon.outlineColor._value;
        var val = res.polygon.hierarchy.getValue().positions;
        var geom = [];
        for (var i in val) {
            var coord = this.setCartesianToEightFour(val[i])
            geom.push(coord.lng, coord.lat)
        }

        return {
            id: this.isedit ? res.id : (new Date()).getTime(),
            cnName: res.name,
            materialAlpha: mataColor.alpha,
            outlineAlpha: outlineColor.alpha,
            material: this.colorRgbToHex('rgb(' + (mataColor.red * 255) + ',' + (mataColor.green * 255) + ',' + (mataColor.blue * 255) + ')'),
            outlineColor: this.colorRgbToHex('rgb(' + (outlineColor.red * 255) + ',' + (outlineColor.green * 255) + ',' + (outlineColor.blue * 255) + ')'),
            near: res.polygon._distanceDisplayCondition._value.near,
            far: res.polygon._distanceDisplayCondition._value.far,
            geometry: geom,
            type: 'polygon',
            shpType: 'temporaryLayer',
            layerType: '多边形',
            outline: res.polygon.outline != null ? res.polygon.outline._value : false,
            width: res.polygon.outlineWidth ? res.polygon.outlineWidth._value : 1,
        }
    },




    getRectangleEntityObj(res) {
        var mataColor = res.rectangle.material.color._value;
        var outlineColor = res.rectangle.outlineColor._value;
        var west = Cesium.Math.toDegrees(
            res.rectangle._coordinates.getValue().west
        ); // 根据弧度获取到经度
        var east = Cesium.Math.toDegrees(
            res.rectangle._coordinates.getValue().east
        ); // 根据弧度获取到纬度
        var north = Cesium.Math.toDegrees(
            res.rectangle._coordinates.getValue().north
        ); // 根据弧度获取到经度
        var south = Cesium.Math.toDegrees(
            res.rectangle._coordinates.getValue().south
        ); // 根据弧度获取到纬度
        var geom = [west, south, east, north];
        return {
            id: this.isedit ? res.id : (new Date()).getTime(),
            cnName: res.name,
            material: this.colorRgbToHex('rgb(' + (mataColor.red * 255) + ',' + (mataColor.green * 255) + ',' + (mataColor.blue * 255) + ')'),
            outlineColor: this.colorRgbToHex('rgb(' + (outlineColor.red * 255) + ',' + (outlineColor.green * 255) + ',' + (outlineColor.blue * 255) + ')'),
            near: res.rectangle._distanceDisplayCondition._value.near,
            far: res.rectangle._distanceDisplayCondition._value.far,
            materialAlpha: mataColor.alpha,
            outlineAlpha: outlineColor.alpha,
            outline: res.outline != null ? res.outline : false,
            width: res.rectangle.outlineWidth._value,
            geometry: geom,
            rotation: res.rectangle.rotation ? res.rectangle.rotation : 0,
            type: 'rectangle',
            shpType: 'temporaryLayer',
            layerType: '矩形',

        }

    },


    getPolylineEntityObj(res) {
        var mataColor = res.polyline.material.color._value;
        var outlineColor = res.polyline.material.outlineColor._value;
@@ -236,7 +406,6 @@
            var coord = this.setCartesianToEightFour(val[i])
            geom.push(coord.lng, coord.lat)
        }

        return {
            id: this.isedit ? res.id : (new Date()).getTime(),
            cnName: res.name,
@@ -251,6 +420,8 @@
            outlineColor: this.colorRgbToHex('rgb(' + (outlineColor.red * 255) + ',' + (outlineColor.green * 255) + ',' + (outlineColor.blue * 255) + ')'),
            materialAlpha: mataColor.alpha,
            outlineAlpha: outlineColor.alpha,
            near: res.polyline._distanceDisplayCondition._value.near,
            far: res.polyline._distanceDisplayCondition._value.far,
        }
    },
    getLabelEntityObj(res) {
@@ -265,7 +436,6 @@
        if (res.label.outlineWidth && res.label.outlineWidth._value) {
            width = res.label.outlineWidth._value
        }

        return {
            id: this.isedit ? res.id : (new Date()).getTime(),
            cnName: res.name,
@@ -290,7 +460,6 @@
            layerType: '文本点',
        }
    },

    getPointEntityObj(res) {
        var mataColor = res.point.color._value;
        var outlineColor = res.point.outlineColor._value;
@@ -312,6 +481,7 @@
            layerType: '基本点',
            heightReference: res.point.disableDepthTestDistance != null ? false : true,
            size: res.point.pixelSize._value,

        }
    },