cesium根据geojson 加载水面材质

        
            var dataSourcePromise1 = Cesium.GeoJsonDataSource.load(ypWater);

            dataSourcePromise1.then(function (dataSource) {
                // viewer.dataSources.add(dataSource);

                let instances = [];
                let entitys = dataSource.entities.values;

                entitys.forEach((e) => {
                    let geometry = new Cesium.GeometryInstance({
                        geometry: new Cesium.PolygonGeometry({
                            polygonHierarchy: new Cesium.PolygonHierarchy(
                                e.polygon.hierarchy.getValue().positions
                            ),
                            extrudedHeight: 0,
                            height: 0,
                            vertexFormat: Cesium.EllipsoidSurfaceAppearance.VERTEX_FORMAT,
                        }),
                        attributes: {
                            color: Cesium.ColorGeometryInstanceAttribute.fromColor(
                                Cesium.Color.fromRandom({
                                    alpha: 0.8,
                                })
                            ),
                        },
                    });
                    instances.push(geometry);
                });
                let imgwater = require('@/assets/water.png')
                let primitive = new Cesium.Primitive({
                    geometryInstances: instances, //合并
                    //某些外观允许每个几何图形实例分别指定某个属性
                    appearance: new Cesium.EllipsoidSurfaceAppearance({
                        aboveGround: true, //在椭球面上
                        material: new Cesium.Material({
                            fabric: {
                                type: "Water",
                                uniforms: {
                                    normalMap: imgwater,
                                    frequency: 8000.0, // 控制波数的数字。
                                    animationSpeed: 0.02, // 控制水的动画速度的数字。
                                    amplitude: 5.0, // 控制水波振幅的数字。
                                    specularIntensity: 0.8, // 控制镜面反射强度的数字。
                                },
                            },
                        }),
                    }),
                });
                viewer.scene.primitives.add(primitive);

                // viewer.zoomTo(primitive)
            })

材质图片下面这张