关闭fps显示

shuishen

2025-02-14 2ffbb76a924a69bc7f7c58a1fef95cce34f88a6e

 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-01-12 00:48:59
 * @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,23 +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/tiles_01/tileset.json',
        label: 'tiles_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/tiles_02/tileset.json',
        label: 'tiles_02'
      },
    ],
    layerName: 'hgyq'
        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'
      }
    ]
  },

  {
@@ -437,6 +489,7 @@
        backgroundIcon: VITE_APP_BASE + 'img/mapicon/fxy-yb.png',
        showPanel: false,
        layerName: 'fxyOrdinary',
        customWx: true,
        incident: (e) => {
          const { attrParams } = e.overlay
          // 删除
@@ -461,11 +514,10 @@
          addPopLayers[attrParams.name].addOverlay(divIcon)
        }
      },

      {
        parentId: '4',
        id: '4-2',
        label: '重大',
        label: '较大',
        type: 'layer',
        subType: 'labelPoint',
        method: getRiskList,
@@ -474,10 +526,11 @@
          size: 1000
        },
        showParams: 'category',
        className: 'fxy-larger-b',
        backgroundIcon: VITE_APP_BASE + 'img/mapicon/fxy-jd.png',
        className: 'fxy-larger',
        backgroundIcon: VITE_APP_BASE + 'img/mapicon/fxy-zd-b.png',
        showPanel: false,
        layerName: 'fxyLargerB',
        layerName: 'fxyLarger',
        customWx: true,
        incident: (e) => {
          const { attrParams } = e.overlay
          // 删除
@@ -502,11 +555,51 @@
          addPopLayers[attrParams.name].addOverlay(divIcon)
        }
      },

      {
        parentId: '4',
        id: '4-3',
        label: '重大',
        type: 'layer',
        subType: 'labelPoint',
        method: getRiskList,
        params: {
          riskLevel: 3,
          size: 1000
        },
        showParams: 'category',
        className: 'fxy-larger-b',
        backgroundIcon: VITE_APP_BASE + 'img/mapicon/fxy-jd.png',
        showPanel: false,
        layerName: 'fxyLargerB',
        customWx: true,
        incident: (e) => {
          const { attrParams } = e.overlay
          // 删除
          destroyPop()
          addPopLayers[attrParams.name] = new DC.HtmlLayer(attrParams.name)
          window.$viewer.addLayer(addPopLayers[attrParams.name])
          let iconEl = `<div class="marsBlueGradientPnl"> 
            <li>企业名称：${attrParams.firmName || ''}</li>
            <li>风险等级：${attrParams.riskLevelName || ''}</li>
            <li>行业类别：${attrParams.name || ''}</li>
            </div>`
          let divIcon = new DC.DivIcon(
            new DC.Position(attrParams.lng, attrParams.lat, attrParams.ele || 64),
            `<div class="public-map-popup-three">
                    ${iconEl}
                  </div>`
          )
          let incident = () => {
            destroyPop()
          }
          divIcon.on(DC.MouseEventType.CLICK, incident)
          addPopLayers[attrParams.name].addOverlay(divIcon)
        }
      },
      {
        parentId: '4',
        id: '4-9',
        label: '暂定',
        label: '其他',
        type: 'layer',
        subType: 'labelPoint',
        method: getRiskList,
@@ -519,6 +612,7 @@
        backgroundIcon: VITE_APP_BASE + 'img/mapicon/fxy-zd.png',
        showPanel: false,
        layerName: 'fxyZdLarger',
        customWx: true,
        incident: (e) => {
          const { attrParams } = e.overlay
          // 删除
@@ -582,6 +676,15 @@
      panoramaUrl.value = attrParams.url
      panoramaShow.value = true
    }
  },

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

  /* {
@@ -699,10 +802,9 @@
              // progressiveResolutionHeightFraction: 0.5,
              // baseScreenSpaceError: 1024


              skipLevelOfDetail: true,
              baseScreenSpaceError: 1024,
              maximumScreenSpaceError: 32, // 数值加大，能让最终成像变模糊
              maximumScreenSpaceError: 16, // 数值加大，能让最终成像变模糊
              skipScreenSpaceErrorFactor: 128,
              skipLevels: 5,
              immediatelyLoadDesiredLevelOfDetail: false,
@@ -767,6 +869,11 @@
              divIcon.on(DC.MouseEventType.CLICK, (e) => {
                if (mapStore.editPoint) {
                  moveEntity = e
                  return
                }

                if (mapStore.startCustomWx && item.customWx) {
                  EventBus.emit('wxEntityClick', e)
                  return
                }

@@ -874,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])
@@ -944,6 +1060,10 @@
  treeRef.value?.setCheckedKeys(checkIds.filter(i => i.indexOf(key) && i != parentId))
  handleCheckChange([selectData])
}

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

// 飞到园区范围
const flyToyqfw = () => {
@@ -1080,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])
    }