缓冲分析

shuishen

2022-09-22 4a0febc5b58d90ad0ef5bd1e060a1ff9c5f6b882

缓冲分析

 src/components/map/index.vue

@@ -2,7 +2,7 @@
 * @Author: shuishen 1109946754@qq.com
 * @Date: 2022-08-18 17:00:30
 * @LastEditors: shuishen 1109946754@qq.com
 * @LastEditTime: 2022-09-22 14:05:36
 * @LastEditTime: 2022-09-22 18:00:12
 * @FilePath: \srs-police-affairs\src\components\map\index.vue
 * @Description: 公用地图组件
 * 
@@ -544,30 +544,5 @@
    position: relative;
    width: 100%;
    height: 100%;

    .screen-full-btn {
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        left: 420px;
        bottom: 10px;
        width: 36px;
        height: 36px;
        font-size: 20px;
        color: #5a5e66;
        background: #fff;
        border-radius: 5px;
        z-index: 99;

        // &.hover-effect {
        //     cursor: pointer;
        //     transition: background 0.3s;

        //     &:hover {
        //         background: rgba(0, 0, 0, 0.025);
        //     }
        // }
    }
}
</style>

 src/styles/dc/index.scss

@@ -39,4 +39,29 @@
            fill: #666 !important;
        }
    }
}

.screen-full-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 420px;
    bottom: 10px;
    width: 36px;
    height: 36px;
    font-size: 20px;
    color: #5a5e66;
    background: #fff;
    border-radius: 5px;
    z-index: 99;

    // &.hover-effect {
    //     cursor: pointer;
    //     transition: background 0.3s;

    //     &:hover {
    //         background: rgba(0, 0, 0, 0.025);
    //     }
    // }
}

 src/views/activity/index.vue

@@ -2,7 +2,7 @@
 * @Author: shuishen 1109946754@qq.com
 * @Date: 2022-08-18 16:18:17
 * @LastEditors: shuishen 1109946754@qq.com
 * @LastEditTime: 2022-09-22 14:50:51
 * @LastEditTime: 2022-09-22 17:54:26
 * @FilePath: \srs-police-affairs\src\views\activity\index.vue
 * @Description: 安保活动
 * 
@@ -157,6 +157,7 @@
</template>

<script>
let analyseLayer = null

export default {
    data () {
@@ -373,6 +374,10 @@
                    incident: this.houseSiteClick
                })
            })


            analyseLayer = new global.DC.VectorLayer('analyseLayer')
            global.viewer.addLayer(analyseLayer)
        })
    },
    updated () {
@@ -401,6 +406,7 @@
                }
            })
        },

        treeNodeClick () {
            console.log(1111223)
            let color = global.DC.Namespace.Cesium.Color.fromBytes(
@@ -419,6 +425,22 @@
        goAbDetail (item, index) {
            this.polylineSwitch = false

            if (analyseLayer != null) {
                analyseLayer.clear()
            }

            let point = new global.DC.Point("116.027001,28.683111")
            analyseLayer.addOverlay(point)

            let coords = global.DC.GeoTools.pointBuffer("116.027001,28.683111", 100)
            let polygon = new global.DC.Polygon(coords)

            polygon.setStyle({
                material: global.DC.Color.RED.withAlpha(0.4)
            })

            analyseLayer.addOverlay(polygon)

            this.$EventBus.$emit('mapClearLayer', {
                layerName: 'polylineLayer',
                type: 'VectorLayer'
@@ -434,6 +456,7 @@
                siteGd: 1500
            })
        },

        switchChange (e) {
            if (e == true) {
                this.$EventBus.$emit('layerPolylineAdd', {
@@ -475,6 +498,8 @@
            layerName: 'polylineLayer',
            type: 'VectorLayer'
        })

        analyseLayer.clear()
    }
}
</script>