区块链技术博客
www.b2bchain.cn

Cesium中的primitive流光轨迹求职学习资料

本文介绍了Cesium中的primitive流光轨迹求职学习资料,有助于帮助完成毕业设计以及求职,是一篇很好的资料。

对技术面试,学习经验等有一些体会,在此分享。

展示图:

Cesium中的primitive流光轨迹

功能思路:

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

封装好的方法调用

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://pan.baidu.com/s/1tgB4QB7OypMq8TWv5Xxg9Q
提取码:f2o9

展示图:

Cesium中的primitive流光轨迹

功能思路:

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

封装好的方法调用

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://pan.baidu.com/s/1tgB4QB7OypMq8TWv5Xxg9Q
提取码:f2o9

展示图:

Cesium中的primitive流光轨迹

功能思路:

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

封装好的方法调用

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://pan.baidu.com/s/1tgB4QB7OypMq8TWv5Xxg9Q
提取码:f2o9

部分转自互联网,侵权删除联系

赞(0) 打赏
部分文章转自网络,侵权联系删除b2bchain区块链学习技术社区 » Cesium中的primitive流光轨迹求职学习资料
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

b2b链

联系我们联系我们