瑞昌图层加载相关调整

shuishen

2025-02-14 169037edc80afe294461ec1cd6b28f98a1fbe7ea

瑞昌图层加载相关调整

 src/pages/map/components/scomponents/baseMap.vue

@@ -223,14 +223,6 @@
      { key: 'imageryProvider_ammapBz', layer: imageryProvider_ammapBz },
      { key: 'imageryProvider_ammap', layer: imageryProvider_ammap },
    ]
  },
  {
    src: getAssetsFile('rcBase.jpg'),
    mode: '4',
    name: '瑞昌影像',
    layers: [
      { key: 'baseRcImages', layer: baseRcImages },
    ]
  }
]


 src/pages/map/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: 2025-02-12 19:57:40
 * @LastEditTime: 2025-02-14 17:45:37
 * @FilePath: \bigScreen\src\pages\map\components\scomponents\layersControl.vue
 * @Description:
 *
@@ -93,7 +93,7 @@

const { VITE_APP_BASE } = import.meta.env
// , '7', 
let indexPoint = ref(['1', '5', '7'])
let indexPoint = ref(['5', '7', '8'])

const treeRef = ref(null)

@@ -110,47 +110,75 @@
  panoramaShow.value = false
}

const baseRcImages = new window.$Cesium.WebMapTileServiceImageryProvider({
  url: '/arcgis117/rest/services/DTFW/rcgyyyx/MapServer/WMTS',
  layer: 'DTFW_rcgyyyx',
  style: 'default',
  format: 'image/png',
  tileMatrixSetID: 'default028mm',
  tilingScheme: new window.$Cesium.GeographicTilingScheme(),
  tileMatrixLabels: ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19']
})

const data = [
  {
    id: '1',
    label: '园区倾斜摄影',
    type: 'layer',
    subType: '3Dtile',
    urlData: [
    children: [
      {
        url: '/3Dtile/rcmx/tile_01/tileset.json',
        label: 'tile_01'
        parentId: '1',
        id: '1-1',
        label: '倾斜摄影1',
        type: 'layer',
        subType: '3Dtile',
        urlData: [
          {
            url: '/3Dtile/rcmx/tile_04/tileset.json',
            label: 'tile_04'
          },
          {
            url: '/3Dtile/rcmx/tile_05/tileset.json',
            label: 'tile_05'
          },
          {
            url: '/3Dtile/rcmx/tile_07/tileset.json',
            label: 'tile_07'
          },
          {
            url: '/3Dtile/rcmx/tile_08/tileset.json',
            label: 'tile_08'
          },
        ],
        layerName: 'hgyq'
      },

      {
        url: '/3Dtile/rcmx/tile_02/tileset.json',
        label: 'tile_02'
      },
      {
        url: '/3Dtile/rcmx/tile_03/tileset.json',
        label: 'tile_03'
      },
      {
        url: '/3Dtile/rcmx/tile_04/tileset.json',
        label: 'tile_04'
      },
      {
        url: '/3Dtile/rcmx/tile_05/tileset.json',
        label: 'tile_05'
      },
      {
        url: '/3Dtile/rcmx/tile_06/tileset.json',
        label: 'tile_06'
      },
      {
        url: '/3Dtile/rcmx/tile_07/tileset.json',
        label: 'tile_07'
      },
      {
        url: '/3Dtile/rcmx/tile_08/tileset.json',
        label: 'tile_08'
        parentId: '1',
        id: '1-2',
        label: '倾斜摄影2',
        type: 'layer',
        subType: '3Dtile',
        urlData: [
          {
            url: '/3Dtile/rcmx/tile_01/tileset.json',
            label: 'tile_01'
          },
          {
            url: '/3Dtile/rcmx/tile_02/tileset.json',
            label: 'tile_02'
          },
          {
            url: '/3Dtile/rcmx/tile_03/tileset.json',
            label: 'tile_03'
          },
          {
            url: '/3Dtile/rcmx/tile_06/tileset.json',
            label: 'tile_06'
          },
        ],
        layerName: 'hgyqT'
      }
    ],
    layerName: 'hgyq'
    ]
  },

  {
@@ -650,6 +678,15 @@
    }
  },

  {
    id: '8',
    label: '瑞昌影像',
    type: 'layer',
    subType: 'baseMap',
    layerName: 'baseMap',
    source: baseRcImages,
  },

  /* {
    id: '8',
    label: '地面全景分布',
@@ -765,7 +802,6 @@
              // progressiveResolutionHeightFraction: 0.5,
              // baseScreenSpaceError: 1024


              skipLevelOfDetail: true,
              baseScreenSpaceError: 1024,
              maximumScreenSpaceError: 16, // 数值加大，能让最终成像变模糊
@@ -778,7 +814,7 @@
              cullRequestsWhileMovingMultiplier: 10, // 值越小能够更快的剔除
              preloadWhenHidden: true,
              preferLeaves: true,
              maximumMemoryUsage: 64, // 内存分配变小有利于倾斜摄影数据回收，提升性能体验
              maximumMemoryUsage: 1024, // 内存分配变小有利于倾斜摄影数据回收，提升性能体验
              progressiveResolutionHeightFraction: 0.3, // 数值偏于0能够让初始加载变得模糊
              dynamicScreenSpaceErrorDensity: 0.5, // 数值加大，能让周边加载变快
              dynamicScreenSpaceErrorFactor: 1, // 不知道起了什么作用没，反正放着吧先
@@ -945,11 +981,20 @@
        } else {
          addTileLayers[item.layerName].show = true
        }
      } else if (item.subType == 'baseMap') {
        if (addTileLayers[item.layerName]) {
          addTileLayers[item.layerName].show = true
          return
        }

        addTileLayers[item.layerName] = window.$viewer?.imageryLayers.addImageryProvider(item.source)
      }
    } else {
      if (addTileLayers[item.layerName]) {
        if (item.subType == '3Dtile') {
          addTileLayers[item.layerName].forEach(m => m.show = false)
        } else if (item.subType == 'baseMap') {
          addTileLayers[item.layerName].show = false
        } else {
          addTileLayers[item.layerName].clear()
          window.$viewer && window.$viewer.removeLayer(addTileLayers[item.layerName])
@@ -1015,6 +1060,10 @@
  treeRef.value?.setCheckedKeys(checkIds.filter(i => i.indexOf(key) && i != parentId))
  handleCheckChange([selectData])
}

nextTick(() => {
  restHandleCheckChange('1-1')
})

// 飞到园区范围
const flyToyqfw = () => {
@@ -1151,11 +1200,13 @@
onUnmounted(() => {
  let arr = Object.keys(addTileLayers)
  arr.forEach(i => {
    if (i == 'hgyq') {
    if (i == 'hgyq' || i == 'hgyqT') {
      addTileLayers[i].forEach(t => {
        tileLayers.removeOverlay(t)
        t = null
      })
    } else if (i == 'baseMap') {
      window.$viewer?.imageryLayers.remove(addTileLayers[i])
    } else {
      addTileLayers[i] && window.$viewer && window.$viewer.removeLayer(addTileLayers[i])
    }