Cesium实现地图反选遮罩

最新推荐文章于 2024-07-16 09:00:00 发布

mouka~

最新推荐文章于 2024-07-16 09:00:00 发布

阅读量1.8k

点赞数

分类专栏： Cesium 文章标签：经验分享

本文链接：https://blog.csdn.net/qq_38370387/article/details/124730066

版权

Cesium 专栏收录该内容

24 篇文章 28 订阅

订阅专栏

实现原理：

绘制一个面（遮罩范围）中间挖出我们需要使用的区域，然后把这个面设置成遮罩层，如上图所示：

实现代码：

范围可自行定义控制

AddConvertLayer(points) {
    let cs = Cesium.Cartesian3.fromDegreesArray(points);
    let hole = new Cesium.PolygonHierarchy(cs);
    this.viewer.entities.add({
      name: "convertLayer",
      polygon: {
        hierarchy: {
          positions: Cesium.Cartesian3.fromDegreesArray([
            100, 0, 100, 89, 150, 89, 150, 0,
          ]),
          holes: [hole],
        },
        material: Cesium.Color.BLUE.withAlpha(0.2),
      },
      heightReference: Cesium.HeightReference.CLAMP_TO_GROUND,
    });
  }