cesium自带的组件显示与隐藏

简介: 这篇文章讲解了如何控制Cesium中自带组件的显示与隐藏,包括了各个组件的属性名称及其对应的显示隐藏操作方法。

Cesium有很多自带的工具栏,这些工具栏可以实现隐藏与现实,这里介绍一下具体有哪些工具栏,以及属性名是什么,如何进行隐藏与显示,下面提供源码,源码中会对每个工具栏的介绍,值设置为false为不显示,设置true为显示,默认都是显示的。可以对照着源码的注释试一试。

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <!-- Include the CesiumJS JavaScript and CSS files -->
  <script src="https://cesium.com/downloads/cesiumjs/releases/1.100/Build/Cesium/Cesium.js"></script>
  <link href="https://cesium.com/downloads/cesiumjs/releases/1.100/Build/Cesium/Widgets/widgets.css" rel="stylesheet">
</head>
<body>
  <div id="cesiumContainer"></div>
  <div id="credit"></div>
  <script>
    // 设置token
    Cesium.Ion.defaultAccessToken = 'token';

    // 初始化一个id为 `cesiumContainer`的HTML元素作为我们的容器,这里不传ID传DO .
    var viewer = new Cesium.Viewer('cesiumContainer',{
        geocoder:false,//查找位置工具
        homeButton:false,//返回视角的初始位置
        sceneModePicker:false,//选择视角的模式:2D,3D,哥伦布视图
        baseLayerPicker:false,//图层选择选择地图服务还是地形服务
        navigationHelpButton:false,//导航帮助按钮
        animation:false,//动画器件,可以旋转地球
        creditContainer:"credit",//
        timeline:false,//下方的时间轴,默认指示当前时间,允许用户点击跳转到指定时间
        fullscreenButton:false,//全屏显示
        vrButton:true // VR 按钮,右下角有个戴眼镜的按钮,点击可以看下效果
    });

  </script>
 </div>
</body>
</html>

图片1.png

相关文章
|
定位技术
百度地图:监听地图缩放自动显示和隐藏的富文本标签
百度地图:监听地图缩放自动显示和隐藏的富文本标签
221 0
Echarts组件legend属性显示数据和icon图片自定义的解决方案
Echarts组件legend属性显示数据和icon图片自定义的解决方案
479 0
Cesium中开启等高线渲染
最近接到一个需求,需要在Cesium中基于实时地形开启等高线效果,让用户可以看到真实效果。
868 0
Cesium中开启等高线渲染
Cesium 获取当前视图范围
Cesium作为一个开源的WebGlobe解决方案已经很牛了,不过因为开发的资料不多,很多功能不知道怎么实现。下面记录下自己获取Cesium当前场景范围的方法(2维中对应的是extent)。   extent其实对我们有用的也就是左上角和右下角坐标,于是首先应该想办法实现的是获取场景左上角和右下角的经纬度坐标。
1606 0
|
7月前
|
JavaScript UED
基于Vue2.0仿Element UI的el-tooltip实现一个气泡框组件,支持多数据类型的显示和内容为空时不显示气泡框
该文章介绍了如何基于Vue2.0仿照Element UI的el-tooltip组件实现一个自定义的气泡框组件,该组件能够根据内容是否为空智能显示或隐藏,支持多种数据类型的显示。
181 0
|
8月前
|
JavaScript
vue 组件封装 | 随鼠标移动的信息框 (含监听鼠标移动、移出事件,获取元素的宽高、获取浏览器的宽高)
vue 组件封装 | 随鼠标移动的信息框 (含监听鼠标移动、移出事件,获取元素的宽高、获取浏览器的宽高)
69 1
|
7月前
|
缓存 前端开发 定位技术
Cesium加载Mapbox自定义地图
Cesium加载Mapbox自定义地图
202 0
|
JavaScript 前端开发
JQuery显示和隐藏控件
JQuery显示和隐藏控件
77 0
Echarts自定义tooltip显示内容(隐藏小圆点)
Echarts自定义tooltip显示内容(隐藏小圆点)
351 0
|
前端开发
elementUI隐藏组件
elementUI隐藏组件
133 0