Cesium中加载动态水

1、首先来看一下整体效果

2、具体方法如下：

首先，你必须有两张很重要的图片，你可以从我这里保存为本地

3.具体代码如下

var scene=viewer.scene;function applyWaterMaterial(primitive, scene) {primitive.appearance.material = new Cesium.Material({fabric : {type : 'Water',uniforms : {specularMap:'images/earthspec1k.jpg',normalMap:'images/waterNormals.jpg',frequency: 10000.0,animationSpeed: 0.01,amplitude: 1.0}}});
}var worldRectangle = viewer.scene.primitives.add(new Cesium.Primitive({geometryInstances : new Cesium.GeometryInstance({geometry : new Cesium.RectangleGeometry({rectangle : Cesium.Rectangle.fromDegrees(-180, -90, 180.0, 90.0),vertexFormat : Cesium.EllipsoidSurfaceAppearance.VERTEX_FORMAT})}),appearance : new Cesium.EllipsoidSurfaceAppearance({aboveGround : true}),show : true}));applyWaterMaterial(worldRectangle, scene);

以上是全球动态水的加载，当然可以针对某片区域水域进行动态水的加载（只需要将上边的矩形换成你要加载动态水区域的边界一系列坐标值）

function applydjk_WaterMaterial(primitive, scene) {primitive.appearance.material = new Cesium.Material({fabric : {type : 'Water',uniforms : {normalMap:'images/waterNormals.jpg',frequency: 10000.0,animationSpeed: 0.01,amplitude: 50}}});
}var djk_Polygon = viewer.scene.primitives.add(new Cesium.Primitive({geometryInstances : new Cesium.GeometryInstance({geometry : new Cesium.PolygonGeometry({polygonHierarchy : new Cesium.PolygonHierarchy(Cesium.Cartesian3.fromDegreesArray([111.48894522023063,32.55843610413914,111.48869238776277,32.55602570974643,111.49004745721604,32.5548361448687,111.49250635559537,32.5526581917131,111.49401017612676,32.55129837476868,111.49557557543416,32.549965127681524,111.49805874806115,32.550219820173126,111.49881935514881,32.550823388219456,111.49893286824275,32.55195597852755,111.4983164393889,32.5535655841798,111.49817521853979,32.554570336381104,111.49914284747027,32.55554277243855,111.49967950821859,32.555814392110264,111.50062151969038,32.556517275179836,111.50149914222958,32.55731250438687,111.50207800636986,32.55757396515373,111.50386396090245,32.55781206769338,111.50391371888884,32.559650818164926,111.50077307397399,32.56013340913413,111.49625702141412,32.560250133340446,111.49171532588734,32.560183453792156,111.48920373670329,32.56015020231049,111.48844043918616,32.55981856869106,111.48743657311691,32.55945303779285,111.48760383414758,32.55863069835514,111.48812831262538,32.55837951411848])),vertexFormat : Cesium.EllipsoidSurfaceAppearance.VERTEX_FORMAT})}),appearance : new Cesium.EllipsoidSurfaceAppearance({aboveGround : true}),show : true}));applydjk_WaterMaterial(djk_Polygon, scene);

当然，有时获取一系列区域的坐标值数量较多，手动去采集比较麻烦，耗时耗力，推荐一种方法，到 Goole earth中画面，然后生成kml文件，里边就包含了你所画区域的边界坐标。（具体做法，可问度娘）

感谢欣赏！希望对您有用。

Cesium中加载动态水相关推荐

PHP: 在类(class)中加载动态函数, 变量函数或半变量函数 variable function/method
最终实例在下方以前用过cakephp, 他们的数据库查询还是蛮强大的, 后来好奇它的类的写法,比如: <?php $this->Post->findByTitle('My Firs ...
Cesium中加载Geojson
首先要下载安装Cesium ,见:VueCli3中加载Cesium.js_李疆的博客-CSDN博客_vue3 使用cesium 此demo官网示例:Cesium Sandcastle sichuan. ...
cesium中加载点图标
效果(截取部分效果) 代码 // primitives可加载大量数据,性能方面比entities要好一些 let billboard = viewer.scene.primitives.add(new ...
Cesium中加载地形影像切片，以及3dtiles和shp及kml方法
1geoserver影像服务 var layerWMTSRest1 = new Cesium.WebMapTileServiceImageryProvider({// 注意:gwc/rest/wmts ...
在WPF中加载gif动态图片
向WPF中加载动态图片有很多种办法,下面介绍一种比较简单的办法. 右键项目,在管理程序包中添加XamlAnimatedGif包,进行安装. . 在设计文件中添加头文件XamlAnimatedGif的头 ...
CesiumJs 地图中加载模型，cesium 地图模型的加载，cesium 加载建筑模型， cesium 加载3Dmodels
最近接手cesium 地图. . . 自我感觉cesium地图很屌的. 真的很强大. 基础的一些东西跟着教程多看几遍就好了. 下面我们着重说的是cesium 地图模型的加载. . 1. cesium ...
cesium 3dtiles 加载本地数据_记一次Cesium地形数据生成过程
问题描述有一小块带高程值的点状数据,需要根据该数据生成Cesium支持的3dtiles数据,在Cesium中显示.经过一周多时间的摸索,终于能够在Cesium中加载成功.现将数据处理流程做个记录,以 ...
cesium 直接加载 geotiff 影像图
前言最近碰到了一个需求,需要通过 cesium 直接加载 geotiff 影像图. 咋一听,这个需求好像蛮奇怪,cesium 本身本来就支持加载 tile 影像图,也就是所谓的切片地图.原理其实就是 ...
替换Android中VM 加载动态库方式
Android 加载动态库的代码在 dalvik/vm/Native.cpp ( froyo 中是 Native.c),加载的方式就是调用 libdl 中 dlopen, dlsym 这些函数应该可 ...

Cesium中加载动态水

Cesium中加载动态水相关推荐

最新文章

热门文章