From 5c41d0cc9b7cc665b3136e5cdfdfc3b7ccd6cc3b Mon Sep 17 00:00:00 2001
From: shuishen <1109946754@qq.com>
Date: Fri, 22 Nov 2024 15:36:45 +0800
Subject: [PATCH] 倾斜模型加载调整
---
src/pages/layout/components/scomponents/layersControl.vue | 97 ++++++++++++++++++++++++++++++------------------
1 files changed, 60 insertions(+), 37 deletions(-)
diff --git a/src/pages/layout/components/scomponents/layersControl.vue b/src/pages/layout/components/scomponents/layersControl.vue
index 60fce45..fda8168 100644
--- a/src/pages/layout/components/scomponents/layersControl.vue
+++ b/src/pages/layout/components/scomponents/layersControl.vue
@@ -2,7 +2,7 @@
* @Author: shuishen 1109946754@qq.com
* @Date: 2024-10-31 10:47:29
* @LastEditors: shuishen 1109946754@qq.com
- * @LastEditTime: 2024-11-19 15:53:37
+ * @LastEditTime: 2024-11-22 14:52:56
* @FilePath: \bigScreen\src\pages\layout\components\scomponents\layersControl.vue
* @Description:
*
@@ -78,6 +78,9 @@
const treeRef = ref(null)
const Cesium = DC.getLib('Cesium')
+
+console.log(Cesium, 45646465)
+
const treeProps = {
indent: 16,
showLabelLine: true,
@@ -551,9 +554,9 @@
}
}
-let addTileLayers = {}
-let tileLayers = new DC.TilesetLayer('tileLayers')
-window.$viewer.addLayer(tileLayers)
+window.addTileLayers = {}
+window.tileLayers = new DC.TilesetLayer('tileLayers')
+window.$viewer.addLayer(window.tileLayers)
const handleCheckChange = (data) => {
let options = treeRef.value?.getCheckedNodes()
@@ -565,22 +568,41 @@
// const Cesium = DC
if (item.subType == '3Dtile') {
- if (!addTileLayers[item.layerName]) {
- addTileLayers[item.layerName] = item.urlData.map(i => {
- let tile = new DC.Tileset(i.url)
+ if (!window.addTileLayers[item.layerName]) {
+ // window.addTileLayers[item.layerName] = []
+ // let tile = window.$viewer.delegate.scene.primitives.add(new Cesium.Cesium3DTileset({
+ // url: '/zhyq/mx/tile_01/tileset.json',
+ // }))
- tileLayers.addOverlay(tile)
+ // console.log(tile, new Cesium.Cesium3DTileset({
+ // url: '/zhyq/mx/tile_01/tileset.json',
+ // }), 121323)
+ // item.urlData.forEach(i => {
+
+ // })
+
+
+
+ window.addTileLayers[item.layerName] = item.urlData.map(i => {
+ let tile = new DC.Tileset(i.url, {
+ maximumMemoryUsage: 1024 * 1024 * 1024,
+ maximumScreenSpaceError: 48,
+ skipLevels: 5,
+ skipLevelOfDetail: true,
+ skipScreenSpaceErrorFactor: 128
+ })
+
+ window.tileLayers.addOverlay(tile)
return tile
})
-
} else {
- addTileLayers[item.layerName].forEach(i => i.show = true)
+ window.addTileLayers[item.layerName].forEach(i => i.show = true)
}
- window.$viewer.flyTo(addTileLayers[item.layerName][0])
+ // window.$viewer.flyTo(window.addTileLayers[item.layerName][0])
} else if (item.subType == 'labelPoint') {
- if (!addTileLayers[item.layerName]) {
- addTileLayers[item.layerName] = new DC.HtmlLayer(item.layerName)
- window.$viewer.addLayer(addTileLayers[item.layerName])
+ if (!window.addTileLayers[item.layerName]) {
+ window.addTileLayers[item.layerName] = new DC.HtmlLayer(item.layerName)
+ window.$viewer.addLayer(window.addTileLayers[item.layerName])
item.method(item.params).then(res => {
let data = res.data.data.records
@@ -619,16 +641,16 @@
divIcon.on(DC.MouseEventType.CLICK, incident)
- addTileLayers[item.layerName].addOverlay(divIcon)
+ window.addTileLayers[item.layerName].addOverlay(divIcon)
})
})
} else {
- addTileLayers[item.layerName].show = true
+ window.addTileLayers[item.layerName].show = true
}
} else if (item.subType == 'geojsonWall') {
- if (!addTileLayers[item.layerName]) {
- addTileLayers[item.layerName] = new DC.VectorLayer(item.layerName)
- window.$viewer.addLayer(addTileLayers[item.layerName])
+ if (!window.addTileLayers[item.layerName]) {
+ window.addTileLayers[item.layerName] = new DC.VectorLayer(item.layerName)
+ window.$viewer.addLayer(window.addTileLayers[item.layerName])
item.source.features.forEach(i => {
let wall = new DC.Wall(
@@ -641,17 +663,17 @@
speed: 10
})
})
- addTileLayers[item.layerName].addOverlay(wall)
+ window.addTileLayers[item.layerName].addOverlay(wall)
})
} else {
- addTileLayers[item.layerName].show = true
+ window.addTileLayers[item.layerName].show = true
}
} else if (item.subType == 'geojsonPipe') {
- if (!addTileLayers[item.layerName]) {
- addTileLayers[item.layerName] = new DC.VectorLayer(item.layerName)
- window.$viewer.addLayer(addTileLayers[item.layerName])
+ if (!window.addTileLayers[item.layerName]) {
+ window.addTileLayers[item.layerName] = new DC.VectorLayer(item.layerName)
+ window.$viewer.addLayer(window.addTileLayers[item.layerName])
- function computeCircle(radius) {
+ function computeCircle (radius) {
var positions = []
for (var i = 0; i < 360; i++) {
var radians = DC.Math.toRadians(i)
@@ -672,29 +694,29 @@
polylineVolume.setStyle({
material: item.color
})
- addTileLayers[item.layerName].addOverlay(polylineVolume)
+ window.addTileLayers[item.layerName].addOverlay(polylineVolume)
})
} else {
- addTileLayers[item.layerName].show = true
+ window.addTileLayers[item.layerName].show = true
}
}
} else {
- if (addTileLayers[item.layerName]) {
+ if (window.addTileLayers[item.layerName]) {
if (item.subType == '3Dtile') {
- addTileLayers[item.layerName].forEach(i => i.show = false)
+ window.addTileLayers[item.layerName].forEach(i => i.show = false)
} else if (item.subType == 'labelPoint') {
- addTileLayers[item.layerName].show = false
+ window.addTileLayers[item.layerName].show = false
} else if (item.subType == 'geojsonWall') {
- addTileLayers[item.layerName].show = false
+ window.addTileLayers[item.layerName].show = false
} else if (item.subType == 'geojsonPipe') {
- addTileLayers[item.layerName].show = false
+ window.addTileLayers[item.layerName].show = false
}
}
}
})
}
-function findObjectById(data, id) {
+function findObjectById (data, id) {
// 遍历数据数组
for (let i = 0; i < data.length; i++) {
const item = data[i]
@@ -753,7 +775,7 @@
// });
// 销毁
-function destroy() {
+function destroy () {
let arr = Object.keys(addPupoLayers)
arr.filter(i => i != 'hgyq').forEach(i => {
addPupoLayers[i] && window.$viewer.removeLayer(addPupoLayers[i])
@@ -762,10 +784,11 @@
}
onUnmounted(() => {
- tileLayers && window.$viewer.removeLayer(tileLayers)
- let arr = Object.keys(addTileLayers)
+ window.tileLayers && window.$viewer.removeLayer(window.tileLayers)
+ delete window.tileLayers
+ let arr = Object.keys(window.addTileLayers)
arr.filter(i => i != 'hgyq').forEach(i => {
- addTileLayers[i] && window.$viewer.removeLayer(addTileLayers[i])
+ addTileLwindow.addTileLayersayers[i] && window.$viewer.removeLayer(window.addTileLayers[i])
})
// 弹窗销毁
destroy()
--
Gitblit v1.9.3