亚洲必赢官网appCesium应用篇:3控件(1)Clock

By admin in 亚洲必赢官网app on 2019年2月12日

创建

跟Clock相关的紧要有Animation控件和Timeline控件,平日两者会放在一起行使。

亚洲必赢官网app 1

      
在Cesium中,Viewer暗许开启那多少个控件,如若您想要不显得控件,可以在Viewer开端化中装置其为false,代码如下:

亚洲必赢官网app 2

      
但那种方法只可以在最先化时设置,无法动态的切换彰显状态,灵活度上稍显不足。假使您有那地方的须要,可以拔取如下那种格局,同时Widget是自适应,也会动态调整布局。

亚洲必赢官网app 3

      
基于Viewer来创立那八个控件并不复杂,但某些时候(尽管笔者想不出那样的景色),用户期望在融洽的div上开创控件,相当于退出和Viewer的关系,纵然可怜麻烦,但Cesium照旧帮忙了那种方法。

       首先,必要加载对应的css文件,

亚洲必赢官网app 4

       并创立存放Animation的DIV

亚洲必赢官网app 5

      
近日要求指定相应的id和class,并点名z-index属性,否则会被球体压盖。当然,也可以本人落成css,不过相比较麻烦,而且你不得不修改风格,Animation的模样是里面用SVG绘制的,并绑定了相应的风浪,要想DIY,工作量更大。

      
然后,创立对应的clock和Animation控件,绑定id为animationContainer即可。

亚洲必赢官网app 6

       那样,大家就独自于Viewer成立了Animation控件。

      
那种属于高端用法,适合部分本性化的出力,你要关闭Viewer自带的Animation和Timeline,同时假若你需求和球体在时光上一块,必要引用cesiumWidget的clock而不是温馨单身创制的,有限支持时钟同步。当然,Cesium也提供了一个lighter的css风格,可供切换,具体代码请参考Animation.html。

Clock

      
上一节关键涉及界面部分。但不管Animation依然Timeline,都严密的和Clock关联在同步。

      
首先,Viewer在初叶化时,内部会制造一个Clock,所以提出用户选用viewer.cesiumWidget.clock而不是投机创造Clock,毕竟在一个选择内,时间寻常都以业内的,创设八个Clock反而混淆了。

      
Clock中暗中同意初叶时间(startTime)为当前岁月,终止时间(stopTime)为24钟头后,并能获取当前时间(currentTime)。

       其余可以设置ClockRange属性,用户可以依照本身的急需来设置,暗许为:
UNBOUNDED

  • CLAMPED
    直达终止时间后终止
  • LOOP_STOP
    达成终止时间后再一次循环
  • UNBOUNDED
    落得终止时间后持续读秒
JulianDate

      
Clock内部以儒略日(JulianDate)维护时间。其开场日期为公元前4713年一月1日清晨12时,那和大家常用的格林威治时间略有差异,紧借使天文学家使用。

      
JulianDate类提供了相当丰硕的接口,时间的争执统一,运算,和格林威治时间的更换等,简单易用,完全满足种种急需。同时内部还是能动用国际原马时(TAI)的章程来记录。下边是Clock的一个不难易行用法:

亚洲必赢官网app 7

      
最后要强调的是tick方法,Cesium内部每一帧都会调用该办法,完毕时间状态的翻新和检测。

      
涉及到时刻的底细很多,比如TimeInterval,TimeConstants,后续假如有涉及,我们在事无巨细介绍。

亚洲必赢官网app,Animation

      
Animation私自承认显示的是格林威治时间,而大多数情景下,大家期望可以显示当前系统时间,那就须求重写timeFormatter方法,代码如下,详见Animation2.html。

亚洲必赢官网app 8

      
那样,内部继续以格林威治时间为规范,保障光照等职能的科学,同时在岁月呈现时,调整为系统所在时区时间显示。

Timeline

      
Timeline控件专断认同以当下光阴为起源,长度是24钟头,而一旦Clock接纳UNBOUNDED,则存在超出该时间轴的限量的或是,上面,我们安插让Timeline可以动态的根据时间的扭转动态更新:

亚洲必赢官网app 9

      
原理也很粗略,每一帧检测当前时间是或不是在可视时间轴范围内,假诺不是,则调用zoomTo更新时间轴的界定。

      
可知,只要熟稔使用Clock的措施,大家可以很好的微调相关控件的底细,更好的满意不一致的须求,源码面前了无秘密,那也是源码带给我们涉猎的野趣。

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图
Copyright @ 2010-2019 亚洲必赢手机官网 版权所有