Cesium中的primitive流光轨迹

展示图：

功能思路：

使用WebGL的着色器功能，生成动态的动画纹理
接着利用Cesium的 Material()方法对应的fabric.source属性将动画纹理赋值上去
最后创建线实体，在线的材质属性中赋值，就成功了

封装好的方法调用

1、实例化方法

var path = new Streamerpath();

2、创建流动轨线

var positions = [[112.5535107330670854, 37.8612394690389991,112.5538984750296407, 37.8641210799073491,112.5548608906540977, 37.8727717334314775,112.5554135315933593, 37.8753251873433427,112.5555353064015094, 37.8773057395881594,112.5555974196704341, 37.8815753240675477],[112.5282013702352373, 37.8808761261214144,112.5275305518636770, 37.8730571421732520,112.5264227060055191, 37.8609562994944753],[112.5220237760754713, 37.8643118141969666,112.5201885781767999, 37.8726141616944716]]
var obj = {positions: positions,//positions 经纬度二维数组，没有高度 position 经纬度数组，没有高度//position:[112.5220237760754713, 37.8643118141969666,112.5201885781767999, 37.8726141616944716]lineColor: "#0033FF",//线的颜色lineAlpha: 1.0,//线的透明度linewidth: 5.0,//线的宽度pointColor: "#FFFFFF",//移动点的颜色pointAlpha: 1.0,//移动点的透明度id:"line",//speed:0.5//移动速度}path.create(obj);

3、根据id获取流光轨迹

path.getprimitivebyid("line");

4、根据id移除流光轨迹

path.removeprimitive("line");

5、移除所有流光轨迹

path.removeprimitiveList()

脚本下载
https://download.csdn.net/download/qq_35984445/16633314

Cesium中的primitive流光轨迹相关推荐

Cesium中图元Primitive详细介绍及案例
Cesium从入门到项目实战总目录: 点击文章目录 Cesium中图元Primitive详细介绍 Cesium中Primitive案例 Cesium中图元Primitive详细介绍在Cesium中 ...
Cesium中通过Primitive显示大量的点以及点的运动
如果想在Cesium中显示一个点,目前有这么几种方法: Primitive Entity czml文件 GeoJson文件等如果要显示大量的点呢?比如几千个,几万个,甚至是几十万,上百万个?那么什么 ...
Cesium 中两种添加 model 方法的区别
概述 Cesium 中包含两种添加 model 的方法,分别为: 通过 viewer.entities.add() 函数添加通过 viewer.scene.primitives.add() 函数添加 ...
Cesium中Clock控件及时间序列瓦片动态加载
前言前面已经写了两篇博客介绍Cesium,一篇整体上简单介绍了Cesium如何上手,还有一篇介绍了如何将Cesium与分布式地理信息处理框架Geotrellis相结合.Cesium的强大之处也在于其 ...
Cesium中使用Sampler3D，3D纹理，实现体渲染
Cesium中使用Sampler3D,3D纹理,实现体渲染 Cesium目前(20221231)还不支持直接使用3D纹理,但是其实内部已经可以WebGL2,而且内置常量也有3DTexture.所以,可 ...
Cesium 中的离屏渲染
Cesium 中的离屏渲染本文参考了众多文章,均列在了最后.先感谢各位的分享精神,如觉有冒犯,请与我联系. 部分内容来自个人理解,欢迎指正交流. 为了达到更加真实的渲染效果或其他计算需求,很多时候需 ...
cesium如何设置Primitive旋转
Cesium是一款用于创建可交互地理信息系统 (GIS) 的 JavaScript 库.在 Cesium 中,可以使用几何图形 (geometry) 和外观 (appearance) 创建图元 (pr ...
Cesium 中实现影像贴 3Dtiles
Cesium 中实现影像贴 3Dtiles Cesium 中我们经常使用的图层服务除了常见的遥感影像,还会包括一些矢量数据(如宗地范围.规划用地.道路信息等),这些图层服务通常经过 ArcGIS Se ...
Shader cesium中材质
Shader 首先,在本文开始前,我们先普及一下材质的概念,这里推荐材质,普及材质的内容都是截取自该网站,我觉得他写的已经够好了.在开始普及概念前,推荐一首我此刻想到的歌<光---陈粒>. ...
Android游戏开发中绘制游戏触摸轨迹的曲线图
本篇文章主要来讲解怎样绘制游戏触摸轨迹的曲线图. 我们在onTouchEvent方法中,可以获取到触摸屏幕时手指触摸点的x.y坐标,如何用这些点形成一条无规则轨迹并把这条无规则轨迹曲线显示在屏幕上就是 ...

Cesium中的primitive流光轨迹

展示图：

功能思路：

封装好的方法调用

Cesium中的primitive流光轨迹相关推荐

最新文章

热门文章