entity中 depthFailMaterial(深度穿透) 与material

Passerby_OK

已于 2023-07-18 10:54:48 修改

阅读量581

点赞数

文章标签：前端 javascript vue.js

于 2023-07-18 10:54:08 首次发布

本文链接：https://blog.youkuaiyun.com/Passerby_OK/article/details/131782312

版权

这篇文章展示了如何在Cesium中添加一个带有透明红色多边形和宽度为1的黄色虚线边框的图形实体。多边形的位置由this.tempPositions定义，并且设置了每个位置的高度。虚线在被其他建筑遮挡时仍能显示穿透效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

this.polygonEntity = this.viewer.entities.add({
      polygon: {
        hierarchy: this.tempPositions,
        material: Cesium.Color.RED.withAlpha(0.4),
        perPositionHeight: true, 
      },
      polyline: {
        positions: this.tempPositions,
        width: 1,
        material: new Cesium.PolylineDashMaterialProperty({
          color: Cesium.Color.YELLOW,
        }),
        depthFailMaterial: new Cesium.PolylineDashMaterialProperty({  //(被建筑遮挡部分具有穿透效果、虚线)
          color: Cesium.Color.YELLOW,
        }),
      }
    })