前言：

在上一篇《Cesium 实现行政区反向遮罩镂空效果》中。我们完成了“全局暗色蒙层 + 行政区镂空高亮”的实现：外部地图变暗，目标行政区正常显示。主要针对该需求进行进阶：保持外部地图正常清晰，仅对目标行政区内部叠加暗色遮罩弱化。

使用者痛点一的观点是，为何不直接使用 holes 做反向？

许多开发者尝试在 PolygonHierarchy.holes 中设置外层为实心、内层为空洞，却发现无法得到期望的“外亮、内暗”效果。从原因在于来看，

• holes 只支持挖空区域，无法逆转。
• 使用 holes 需要额外逻辑判断、手动填充颜色，代码复杂且易出错。
• 更改后仍会导致渲染顺序异常，遮罩层被错误覆盖。

说到使用者痛点二，代码中的缺失参数导致运行报错

原始代码示例中出现了大量占位符（如。)，这些位置需要填写具体数值，否则 Cesium 无法解析视角、图层级别等信息。至于常见报错包括，

• "Expected number but got undefined" – 未填入 camera 飞行目标坐标。
• "Imagery provider requires minimumLevel" – 缺少图层级别设置。说起来，
• "PolygonHierarchy requires positions" – 坐标数组为空。

. template 结构

. script 代码

. css 样式代码

.main{width:auto;height:100vh;position:relative;}
.content{width:auto;height:auto，说起来，position:absolute;}
.btn-border{position:absolute;right:.75rem;top:.75rem，}
.btn{margin-left:.5rem;cursor:pointer;}

主要实现原理

1. 读取 GeoJSON 边界坐标：`features.geometry.coordinates` 获取多边形原始坐标。不过，
2. 扁平化多维嵌套坐标：`dealArr` 函数将深度嵌套数组转为一维经纬度列表。
3. 转换为笛卡尔坐标：`Cesium.Cartesian3.fromDegreesArray` 将经纬度映射到三维空间。话说回来，
4. 绘制贴地多边形并填充半透明黑色：`polygon.hierarchy.positions` + `material` 实现区域弱化。
5. 叠加蓝色/白色边界描边：`polyline.material` 保证轮廓清晰可辨。

常见问题与方法

. 参数缺失导致错误怎么办？

User Pain Point Summary:

• Lack of clear guidance on *** holes can't invert.
• Coding errors due to missing numeric values.
• Difficulties in managing multiple imagery layers.
• Navigating rendering order of polygons and polylines.