From 75c24c7a60d95b3b52726f2425dff977a7ddfcea Mon Sep 17 00:00:00 2001
From: guanqb <18720758508@163.com>
Date: Tue, 22 Nov 2022 16:28:52 +0800
Subject: [PATCH] 点击显示范围并定位
---
src/views/video/region.vue | 41 ++++++++++++++++++++++++++++++++++++++---
src/components/map/index.vue | 13 +++++++++++++
2 files changed, 51 insertions(+), 3 deletions(-)
diff --git a/src/components/map/index.vue b/src/components/map/index.vue
index f995d5d..71dc931 100644
--- a/src/components/map/index.vue
+++ b/src/components/map/index.vue
@@ -315,6 +315,10 @@
that.removeMxTileset(params.titlesetName, params.incident)
})
+ this.$EventBus.$on('flytoLayer', (params) => {
+ that.flytoLayer(params.layerName, params.duration)
+ })
+
},
methods: {
@@ -581,6 +585,15 @@
// sdTilesetLayer
/**
+ * 飞到指定图层
+ * @param {*} layerName 图层名称
+ * @param {*} duration 时间
+ */
+ flytoLayer (layerName, duration = 3) {
+ global.viewer.flyTo(layersObjcect[layerName], duration)
+ },
+
+ /**
* 添加模型
* @param {*} titlesetName 图层名称
* @param {*} titlesetUrl 模型地址
diff --git a/src/views/video/region.vue b/src/views/video/region.vue
index a720e97..cf5442b 100644
--- a/src/views/video/region.vue
+++ b/src/views/video/region.vue
@@ -53,6 +53,7 @@
class="btn"
@click="deleteRegionSaveList(scope.row.id)"
>删除</button>
+ <button class="btn" @click="flytoRange(scope.row)">定位</button>
</template>
</el-table-column>
</el-table>
@@ -142,16 +143,44 @@
getRegionSaveList () {
getRegionSaveList(1, 10).then(res => {
- console.log(4444, res.data.data.records)
this.saveRangeList = res.data.data.records
})
},
deleteRegionSaveList (id) {
deleteRegionSaveList(id).then(res => {
- console.log(res)
+ console.log('删除', res)
this.getRegionSaveList()
})
+ },
+
+ flytoRange (data) {
+ let positionStr = data.positions
+ positionStr = data.positions.slice(11, positionStr.length - 1)
+ let positionArr = positionStr.split(",")
+ positionArr = positionArr.slice(0, positionArr.length - 1)
+ let positionNewStr = ''
+ positionArr.forEach(item => {
+ let lng = item.split(' ')[0]
+ let lat = item.split(' ')[1]
+ positionNewStr += lng + ',' + lat + ';'
+ })
+ this.$EventBus.$emit('mapRemoveLayer', {
+ layerName: 'rangeLayer',
+ type: 'VectorLayer'
+ })
+ this.$EventBus.$emit('layerPolygonAdd', {
+ layerName: 'rangeLayer',
+ positions: positionNewStr,
+ material: global.DC.Namespace.Cesium.Color.fromBytes(
+ 255, 0, 0, 100
+ ),
+ })
+ this.$EventBus.$emit('flytoLayer', {
+ layerName: 'rangeLayer',
+ duration: 3
+ })
+
},
async getDevices (id) {
@@ -194,7 +223,7 @@
// siteHeading: -3,
// sitePitch: -90
// })
- console.log('暂无定位')
+
},
async siteClick (e) {
@@ -264,6 +293,11 @@
type: 'VectorLayer'
})
+ this.$EventBus.$emit('mapRemoveLayer', {
+ layerName: 'rangeLayer',
+ type: 'VectorLayer'
+ })
+
graphicLayer.destroy()
this.$parent.$parent.resize('0px')
@@ -275,6 +309,7 @@
this.flvPlayer.destroy()
this.flvPlayer = null
}
+
}
}
</script>
--
Gitblit v1.9.3