Cesium应用篇:3控件(1)Clock

By admin in 亚洲必赢官网app on 2018年10月15日

创建

跟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月1日中午12时常,这同我们经常因此的格林威治时间略有不同,主要是天文学家使用。

      
JulianDate类提供了非常丰富的接口,时间之对待,运算,和格林威治时间的换等,简单容易用,完全满足各类急需。同时中还可利用国际原子时(TAI)的方法来记录。下面是Clock的一个简便用法:

亚洲必赢官网app 7

      
最后使强调的是tick方法,Cesium内部各级一样轴都见面调用该办法,实现日状态的创新和检测。

      
涉及到时间的细节很多,比如TimeInterval,TimeConstants,后续要来关联,我们当详细介绍。

Animation

      
Animation默认显示的是格林威治时间,而大多数状态下,我们期望能够亮当前系时,这就是需更写timeFormatter方法,代码如下,详见Animation2.html。

亚洲必赢官网app 8

      
这样,内部继续坐格林威治时间也正规,保证光照等效果的不易,同时于时间显示时,调整也系统所在时区时显示。

Timeline

      
Timeline控件默认为时工夫吗起点,长度是24钟头,而设Clock采用UNBOUNDED,则是过该时间轴的限制的也许,下面,我们计划被Timeline能够动态的依据时间的转变动态更新:

亚洲必赢官网app 9

      
原理也很简短,每一样轴检测时时间是不是以可看到时间轴范围内,如果未是,则调用zoomTo更新时间轴的限定。

      
可见,只要熟练应用Clock的措施,我们得以死好之微调相关控件的底细,更好的满足不同的需,源码面前了任暧昧,这吗是源码带被我们读之意趣。

发表评论

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

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