cesium图元顺序

### Cesium 中图元绘制顺序控制 在 Cesium 中，图元的绘制顺序可以通过设置 `zIndex` 或者调整实体添加的时间来实现。对于更复杂的场景管理，可以利用 `Cesium.PrimitiveCollection` 和 `Cesium.Scene` 的特性。 #### 使用 zIndex 控制绘制顺序 通过给不同的几何体或模型指定 `zIndex` 值，能够影响它们之间的相对显示层次。较高的 `zIndex` 表示该对象会覆盖较低 `zIndex` 的对象： ```javascript viewer.scene.primitives.add(new Cesium.Primitive({ geometryInstances : new Cesium.GeometryInstance({ geometry : polygonGeometry, attributes : { color : Cesium.ColorGeometryInstanceAttribute.fromColor(Cesium.Color.RED) } }), appearance : new Cesium.PerInstanceColorAppearance(), asynchronous : false, zIndex: 10 // 设置更高的zIndex以确保此图形位于其他图形之上 })); ``` #### 调整 Primitive 添加次序 当向 `PrimitiveCollection` 插入新元素时，默认情况下这些元素会被追加到最后面的位置。如果希望改变现有项目的排列，则需先移除再重新插入至期望位置: ```javascript let primitives = viewer.scene.primitives; primitives.remove(primitiveA); primitives.insertBefore(primitiveB, primitiveA); // 将primitiveA置于primitiveB之前 ``` #### 利用 Viewer 实体管理功能 除了原始级别的操作外，还可以借助于 `Viewer` 提供的高层次接口来进行更加便捷的操作。比如，在创建新的 Entity 后立即调用 `raiseToTop()` 方法使其浮现在最上层[^3]: ```javascript const entity = viewer.entities.add({ name : 'My Polygon', polygon : { hierarchy : Cesium.Cartesian3.fromDegreesArray([ -72.988525,40.760775,-72.988525,40.756175,-72.977525,40.756175,-72.977525,40.760775]), material : Cesium.Color.BLUE.withAlpha(0.5), outline : true, outlineColor : Cesium.Color.BLACK } }); entity.raiseToTop(); ``` 以上几种方式都可以有效地帮助开发者掌控 Cesium 场景内的各个组件间的视觉优先级关系。