Cesium--控件

Cesium官方网站提供的release版本,默认的时候会显示一些控件,但是在实际的应用过程中,我们往往需要的只是那个球(globe),那么那些显示的控件表示的含义都是什么,以及如何将其隐藏呢?

   一、控件的含义

geocoder:地理编码,查找位置的工具

homeButton:相机返回默认视图显示的位置

sceneModePicker:现在不同的地图显示模式,如3D、2D和2.5D

baseLayerPicker:图层选择器,选择要显示的地图服务或地形服务

navigationHelpButton:导航帮助按钮

animation:动画构件,用来控制显示动画的速度

timeline:事件线,用来显示一天24小时的时间,可以用来模拟地球转动,太阳的显示位置。

fullsceneButton:全屏按钮

二、控件的隐藏方法

1. 通过js代码隐藏

通过下列的代码,不能隐藏所有的控件,比如说Cesium的logo信息。

  var viewer = new Cesium.Viewer('cesiumContainer',{
	geocoder: false,
	homeButton: false,
	sceneModePicker: false,
	baseLayerPicker: false,
	navigationHelpButton: false,
	animation: false,
	timeline: false,
	fullscreenButton: false,
	vrButton: false,
	/*skyBox: new Cesium.SkyBox({
	    sources: {
		  positiveX: 
		}
	})*/
	});

2.通过css样式隐藏

只需要在样式中,添加如下样式信息,就可以隐藏Cesium自带的logo信息了

 /* 隐藏Cesium的logo信息*/
    .cesium-viewer-bottom{
      display: none;
    }

通过js和css方法的共同使用,显示的地球效果如图所示:

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值