feat: 轮廓线未重置

罗广辉

2025-04-09 62819ed2a4e2c109c08e1925712fc7f0907b6b56

 src/views/Home/useMapAggregation/useMapAggregation.js

@@ -263,15 +263,12 @@
  const renderOutline = item => {
    item.outline &&
    Cesium.GeoJsonDataSource.load(item.outline).then(dataSource => {
      viewer.dataSources.add(dataSource)
      const entities = dataSource.entities.values
      entities.forEach(entity => {
        // 隐藏多边形填充
        entity.polygon.material = Cesium.Color.TRANSPARENT
        entity.polygon.outline = false // 关闭原生轮廓
      entities.forEach((entity,index) => {
        // 创建独立折线作为轮廓
        const positions = entity.polygon.hierarchy.getValue().positions
        viewer.entities.add({
          id: `aggregation-outline-${index}`,
          polyline: {
            positions: positions,
            width: 5, // 直接设置宽度
@@ -279,7 +276,6 @@
              glowPower: 0.5,
              color: Cesium.Color.AQUA,
            }),
            clampToGround: true, // 贴地显示
          },
        })
      })
@@ -301,7 +297,7 @@
    // 遍历特征并添加实体
    featuresList.forEach((feature, index) => {
      if (!feature.position) return
      const position = Cesium.Cartesian3.fromDegrees(feature.position[0], feature.position[1])
      const position = Cesium.Cartesian3.fromDegrees(feature.position[0], feature.position[1],12000)
      viewer.entities.add({
        position: position,
        id: `aggregation-name-${index}`,
@@ -348,10 +344,10 @@
      return arrColor[++index % arrColor.length]
    }

    // 加载新的 GeoJSON 数据
    // 加载边界
    Cesium.GeoJsonDataSource.load(item.gJson).then(dataSource => {
      viewer.dataSources.add(dataSource)
      item.dataSource = dataSource // 保存数据源以便后续删除
      item.BJDataSource = dataSource // 保存数据源以便后续删除
      // 获取数据源中的实体
      const entities = dataSource.entities.values

@@ -410,30 +406,33 @@
  // 左键单机事件
  const singleMachineEvent = async click => {
    const pickedObject = viewer.scene.pick(click.position)
    if (Cesium.defined(pickedObject) && pickedObject.id) {
      const entity = pickedObject.id
      currentEntity = entity
      positionC3 = entity?.position?._value
      if (!positionC3) return
      removeLabel()
      const customData = entity.properties.customData._value.data
      console.log('customData', customData)
      switch (customData.type) {
        case 'deviceAggregation':
          viewer.scene.postRender.addEventListener(labelBoxRender)
          break
        // todo 待对接
        case 'device':
          store.commit('setSingleUavHome', { id: '123' })
          break
        case 'eventAggregation':
          break
        case 'event':
          viewer.scene.postRender.addEventListener(labelBoxRender)
          break
        default:
          break
      }
    if (!(Cesium.defined(pickedObject) && pickedObject.id)) return
    const entity = pickedObject.id
    currentEntity = entity
    const entityPosition = entity?.position?._value
    if (!entityPosition) return
    if (entityPosition){
      positionC3 = entityPosition
    }
    removeLabel()
    const customData = entity?.properties?.customData?._value?.data
    if (!customData) return
    console.log('customData', customData)
    switch (customData.type) {
      case 'deviceAggregation':
        viewer.scene.postRender.addEventListener(labelBoxRender)
        break
      // todo 待对接
      case 'device':
        store.commit('setSingleUavHome', { id: '123' })
        break
      case 'eventAggregation':
        break
      case 'event':
        viewer.scene.postRender.addEventListener(labelBoxRender)
        break
      default:
        break
    }
  }

@@ -446,8 +445,12 @@

  // 移除 点 和 gjson 实体
  const removeEntities = () => {
    viewer.dataSources?.removeAll(true)
    // viewer.entities?.removeAll();
    // dataSources移除
    scalingJudgment.forEach(item => {
      item.BJDataSource && viewer.dataSources.remove(item.BJDataSource)
      item.BJDataSource = null
    })
    // entities移除
    const entitiesIDs = viewer.entities.values.map(i => i.id)
    entitiesIDs.forEach(item => {
      item.includes('aggregation-') && viewer.entities.removeById(item)