分享：Cesium添加水面效果

最新推荐文章于 2025-07-28 10:29:21 发布

GIS技术杂谈

最新推荐文章于 2025-07-28 10:29:21 发布

阅读量3.7k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： gis 文章标签： cesium water 水面

本文链接：https://blog.csdn.net/wclwksn2019/article/details/121135326

Cesium中内置了水面效果的shader，通过添加图元（Primitive），能够在Cesium的地图上实现水面流动的效果，借助互联网上搜索、并进行了修改。
下载了一块水系的geojson数据，因为按照代码，需要根据polygon的坐标进行勾画。
关键实现代码：

//_polygonArr 为polygon的坐标
         let waterPrimitive = new Cesium.Primitive({
   
   

                allowPicking: false,

                geometryInstances: new Cesium.GeometryInstance({
   
   

                    geometry: new Cesium.PolygonGeometry({
   
   

                        polygonHierarchy: new Cesium