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

相关文章
|
8月前
|
JavaScript
vue element-ui中有关表格中的数据整条显示红色/绿色等等颜色的问题
vue element-ui中有关表格中的数据整条显示红色/绿色等等颜色的问题
306 1
|
定位技术
百度地图:监听地图缩放自动显示和隐藏的富文本标签
百度地图:监听地图缩放自动显示和隐藏的富文本标签
212 0
|
3月前
ThreeJs控制模型的隐藏与显示
这篇文章讲解了如何在Three.js中通过代码控制3D模型的显示与隐藏状态。
55 3
ThreeJs控制模型的隐藏与显示
|
4月前
|
前端开发 定位技术 API
二、前端高德地图、渲染标记(Marker)引入自定义icon,手动设置zoom
文章介绍了如何在前端使用高德地图API渲染标记(Marker),并引入自定义图标,同时展示了如何手动设置地图的缩放级别。
475 1
|
5月前
|
JavaScript UED
基于Vue2.0仿Element UI的el-tooltip实现一个气泡框组件,支持多数据类型的显示和内容为空时不显示气泡框
该文章介绍了如何基于Vue2.0仿照Element UI的el-tooltip组件实现一个自定义的气泡框组件,该组件能够根据内容是否为空智能显示或隐藏,支持多种数据类型的显示。
141 0
|
JavaScript 前端开发
JQuery显示和隐藏控件
JQuery显示和隐藏控件
68 0
|
前端开发 容器
封装React组件DragLine,鼠标拖拽的边框改变元素宽度
封装React组件DragLine,鼠标拖拽的边框改变元素宽度
191 0
|
8月前
【sgDragSize】自定义组件:自定义拖拽修改DIV尺寸组件,适用于窗体大小调整
【sgDragSize】自定义组件:自定义拖拽修改DIV尺寸组件,适用于窗体大小调整
|
前端开发
elementUI隐藏组件
elementUI隐藏组件
121 0
Echarts自定义tooltip显示内容(隐藏小圆点)
Echarts自定义tooltip显示内容(隐藏小圆点)
328 0

热门文章

最新文章