野仙生活网

野仙生活网

2.创建自己的Cesiunm地球隐藏控件

民生 0

目录​​​​​​​

一、创建地球

引入Cesium.JS和初始页面

修改初始页面

将项目通过tomcat发布

 二、去除不需要的控件


一、创建地球

引入Cesium.JS和初始页面

        创建一个名为my-cesium的文件夹,将下载好的Cesium中的Build文件夹和Apps中的HelloWorld.html复制到文件夹中。

修改初始页面

        将:

        修改为:

将项目通过tomcat发布

        发布方式可以看上一篇文章1.cesium简介和环境搭建

         运行项目后可以看到下图就说明,成功了 

 二、去除不需要的控件

        如图页面中有许多的组件是暂时用不上的放在那里会影响页面美观,那么该如何隐藏呢?

         在cesium的容器同级上方添加一个div存放版权信息但不输入内容

       js中配置空间的显隐 

let cesiumViewerConfig = {//位置查找工具geocoder: false,//视角返回初始位置homeButton: false,//模式选择 3D 2D 哥伦布视图sceneModePicker: false,//图层选择器,选择显示的图层和地形服务baseLayerPicker: false,//导航按钮navigationHelpButton: false,//动画空间,控制视图动画播放速度animation: false,// 版权显示creditContainer: "credit",//时间轴控件timeline: false,// 全屏按钮fullscreenButton: false,// vr模式按钮vrButton: false,
}
var viewer = new Cesium.Viewer('cesiumContainer',cesiumViewerConfig);

        这样就可以了