Cesium入门(二):Viewer控件参数与外观定制

2023-05-16

本章主要介绍Cesium Viewer控件的选项参数,以及如何对Viewer的外观进行定制。

主要包括以下内容:

  • Viewer控件
  • Viewer选项参数
  • 定制Viewer外观界面

1. Viewer控件

Viewer是构建Cesium应用程序的基本控件,它将所有标准的Cesium部件集成为一个可重复使用的包,对外提供了基本的地理信息显示和交互控制,是Cesium进行二维和三维地理空间数据可视化展示的窗口。

在Cesium入门(一):第一张Cesium页面中,我们只用了一行代码就创建了一个Viewer对象。

<script>
    var viewer = new Cesium.Viewer("cesiumContainer");
</script>

除了这行代码之外看起来好象什么也没有做,但是浏览器中却已经可以看到一个漂亮的三维地球了!

更为神奇的是,我们不但能够通过鼠标或触屏对这个地球进行平移、旋转、缩放等操作,还可以通过右上角的按钮切换不同的地图显示模式,随意更换不同的卫星和街道图层。如下图为二维的Natural Earth全球地图。所有的这一切都是这仅有的一行代码带给我们的惊喜,更不用说还有太阳、月亮和令人向往的星空了。

2. Viewer选项参数

Viewer几乎是整个Cesium组件的集大成者,不仅包含有Science、Camera、图层组、时间线等对象,还包含众多的初始化参数,这些参数在构造Viewer对象时可以用来控制其功能和外观。

Name

Type

Description

animation

Boolean

是否创建Animation组件,左下角仪表

baseLayerPicker

Boolean

是否创建BaseLayerPicker图层选择器组件

fullscreenButton

Boolean

是否创建FullscreenButton按钮

geocoder

Boolean | Array

是否创建Geocoder 组件

homeButton

Boolean

是否创建HomeButton按钮

infoBox

Boolean

是否创建InfoBox信息框

sceneModePicker

Boolean

是否创建SceneModePicker 组件

selectionIndicator

Boolean

是否创建SelectionIndicator 组件

timeline

Boolean

是否创建Timeline 时间轴

navigationHelpButton

Boolean

是否创建Navigation帮助按钮

skyBox

SkyBox | false

是否渲染星空,包括太阳、月亮等

sceneMode

SceneMode

初始场景模式,默认为SceneMode.SCENE3D

projectionPicker

Boolean

是否创建ProjectionPicker组件

这里只列出了Viewer控件的部分构造选项,其中显示的类型为Boolean的选项其默认值大多为True,你可以查看帮助文档来了解另外一部分没有列出的选项。

3. 定制Viewer外观界面

根据上表列出的Viewer控件的构造选项,可以通过改变这些参数的取值来定制Viewer控件的外观,如下面显示的代码去掉了所有的默认组件,只保留了底部的版权说明。   

<script>
      var viewer = new Cesium.Viewer("cesiumContainer", {
        sceneMode : Cesium.SceneMode.SCENE2D,        
        animation : false,
        baseLayerPicker : false,
        fullscreenButton : false,
        vrButton : false,
        geocoder : false,
        homeButton : false,
        infoBox : false,
        sceneModePicker : false,
        selectionIndicator : false,
        timeline : false,
        navigationHelpButton : false,
        skyBox : false
    });
</script>

 这样一来,通过设置选项参数,我们就可以随心所欲地定制自己的Viewer了。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Cesium入门(二):Viewer控件参数与外观定制 的相关文章

  • vncviewer远程连linux白屏,通过VNC viewer远程桌面linux设置

    1 启动vncserver root 64 localhost vnc vncserver 1 最后的 xff1a 1表示端口号 第一次启动时会要求输入登录密码 同时可以通过 root 64 localhost vnc vncserver
  • 电脑windows,ubuntu系统vnc-viewer和服务器ubuntu的连接,以及灰屏现象处理

    目录 1 在服务端 xff08 Ubuntu xff09 安装vncserver xff1a 2 在客户端安装vnc viewer3 启动3 1 先kill掉之前启动的2号端口3 2 修改服务器端的xstartup3 3 给权限3 4 再启
  • 3步教会你使用VNC Viewer远程连接控制树莓派桌面(详细)

    目录 1 查询IP地址 1 1 路由器后台查询 1 2 树莓派内查询 2 开启VNC服务 3 打开VNC Viewer进行连接 1 查询IP地址 1 1 路由器后台查询 打开路由器后台 xff0c 我这以腾达为例 xff0c 在浏览器输入
  • vnc viewer使用方法

    首先需要配置ip xff0c 网络适配器配置那个ipv4到同一网段 1 双击打开exe 2 输入目标ip 端口 3 输入密码 服务器管理工具 这里写目录标题 一 VNC管理工具1 1 工具介绍1 2 使用步骤1 3 使用截图 二 KVM安装
  • ubuntu18安装 g2o_viewer 安装 ,报错 The constructor with a sharewidget is deprecated

    参考 xff1a https blog csdn net billbliss article details 77864695 https blog csdn net ktigerhero3 article details 75457432
  • 《Cesium 进阶知识点》 - 加载天地图三维地名服务(无Cesium 版本依赖)

    一 解决依赖 天地图官网说只支持 1 52 1 58 1 63 1 这 3个版本 其它版本报错 但我只使用三维地名服务 所以做了如下修改 我在 1 80 版 和 1 84 版中测试有效 操作部署是 1 根据官网安装 cesium tdt 插
  • Cesium加载天地图中文标注服务和谷歌影像服务

    Cesium加载天地图中文标注服务和谷歌影像服务 直接上代码 自从天地图使用token之后 之前写的Cesium添加天地图图层服务的就无法使用了 所以重新写一个可以使用的 直接上代码 关闭全球光照 默认为关闭 this viewer sce
  • vue2.x,3.x安装使用cesium(不需配置文件,简单有效)

    踩坑之路 博主经多次踩坑之后 顿悟 初次接触cesium 去网上搜了很多vue中安装cesium的教程 大多方法都是使用npm i cesium save 然后配置文件vue config js 或者直接安装vue add vue cli
  • 二、Cesium加载影像,地形、设置视角

    一 影像 1 启动api服务 在下载的Cesium解压根目录下的 Build Documentation下执行 hs p 8082 然后访问http 192 168 1 155 8082 index 2 搜索viewer 可以看到创建vie
  • vue+cesium汉化包

    把这个js放进你的项目里面然后调用就可以 我这个是vue项目 然后运用的是es6的导出语法 cesium 可视化部分的中文汉化 包含内容如下 1 汉化方式非从源码层面进行 而是外挂了一个插件执行 使用方便 但是汉化程度不深 只汉化了cesi
  • Cesium 源码解析 Model(一)

    Cesium中对于3DTiles会解析成Model 特别是3DTile中的B3DM 过程主要是对gltf在Cesium中是如何解析并生成绘制命令的 content model new Model gltf gltfView gltf数据 c
  • 04 Cesium—Cesium ion介绍

    文章中所有操作均是在 Cesium 1 91 版本下进行的 其它版本差异请自行适配 Cesium ion Cesium ion 是一个提供瓦片图和3D地理空间数据的平台 Cesium ion 支持把数据添加到用户自己的 CesiumJS 应
  • 【UE5 Cesium】11-Cesium for Unreal 切换Dynamic Pawn为其它Pawn

    前言 我们知道在Cesium for Unreal中默认使用的是DynamicPawn来浏览地图场景 DynamicPawn适用全球浏览 可以按自定义曲线进行飞行 但是DynamicPawn是使用的是地理参考坐标系 并不是标准的UE坐标系
  • Android PDF 查看器库 [关闭]

    Closed 这个问题正在寻求书籍 工具 软件库等的推荐 不满足堆栈溢出指南 help closed questions 目前不接受答案 我知道这个问题已经被问过很多次了 但我仍然不清楚是否有一个现有的且正常工作的库可以本地显示 PDF 文
  • 通过命令行的Windows照片查看器 - 特殊功能[关闭]

    Closed 此问题正在寻求书籍 工具 软件库等的推荐 不满足堆栈溢出指南 help closed questions 目前不接受答案 我想通过命令行执行在 Windows 7 和 Windows XP 下使用 Windows 照片查看器查
  • 获取当前控制台字体信息

    我正在用 C NET 为控制台编写一个图像查看器 我的问题是控制台字体字符不是正方形 我将它们视为像素 这会在屏幕上绘制时拉伸图像 我想以某种方式读取有关当前使用的字体的字体信息 width height等属性 I found 这个答案 h
  • 如何激活 Autodesk Forge Snapper?

    我正在尝试激活自查看器版本 7 3 以来实施的新 Snapper 扩展 所以我像这样加载扩展 viewer loadExtension Autodesk Snapping 似乎有效 之后 我尝试访问类似的描述方法 但总是收到此错误 getS
  • 为什么我的设计查看器中的字体在 Android Studio 中变得模糊?

    为什么我的 Android 设计查看器中的文本显得模糊 我也尝试更改分辨率 DPI 设置 但这对我不起作用 Please look at my second picture to let you know which one is I am
  • 读取 .pdb 文件

    我有很多 pdb 格式的文件 其中一些已下载 但到目前为止我无法使用或读取其中的内容 因此我正在寻找如何从 MS Windows XP 读取和查看 pdb 文件格式 有谁知道怎么打开吗 如果您将 PDB 视为调试器使用的 程序数据库 PDB
  • Forge Viewer 无法显示边缘

    I used https github com Autodesk Forge viewer react express headless https github com Autodesk Forge viewer react expres

随机推荐

  • Java多线程

    一 基础概念 1 CPU核心数和线程数 多核心指的是单芯片多处理器 xff0c 将多个CPU集成到同一个芯片内 xff0c 不同的CPU可以单独的运行程序 目前主流的CPU有四核 六核 八核 增加核心数目的是为了增加线程数 xff0c 一般
  • C++实现人脸识别(百度云平台)

    C 43 43 实现人脸识别 xff08 百度云平台 xff09 项目资源下载 项目思路 xff1a opencv 采集人脸照片 xff0c 将照片发送至百度智能云平台 xff0c 百度云平台与人脸库中的数据进行比较并返回结果 一 项目环境
  • 一文学会用 Docker 和 Docker Compose 部署 Node.js 微服务

    后端业务逻辑一般比较复杂 xff0c 全堆在一个 http 服务里不太现实 xff0c 所以基本都会用微服务架构来开发了 比如这样 xff1a 把不同模块的业务逻辑拆分到不同微服务里 xff0c 然后它们和主服务通过 tcp 通信 xff0
  • c++实现天干地支纪年法

    历史课上 老师 xff1a 1894 xff0c 甲午年 xff0c 中日发生甲午战争 学生 xff1a 家务是什么 xff1f 老师 xff1a 甲午 xff01 天干地支纪年法 学生 xff1a 什么是田赶地址 xff1f 老师 xff
  • 对三层和MVC的认识过程

    三层架构就是 MVC xff01 起初老师总说三层 MVC xff0c MVC 三层架构 所以开始的时候脑子就一个概念 xff1a 三层就是 MVC xff0c MVC 就是三层架构 而且想想也合理啊 xff0c 都是 三 MVC 是三个字
  • Spring入门详解(一)如何配置一个简单的spring项目

    关于spring的一些概念 xff0c 网上已经有很多的说明 xff0c 本系列不会做太多的描述 xff0c 重心在如何配置上 一 准备工作 1 安装JDK xff0c 配置环境 本来不想写这条的 想了想 xff0c 还是写上 2 下载开发
  • 超简洁的群晖交叉编译教程

    超简洁的群晖交叉编译教程 最近把一个群晖的NAS放在校园网里的时候遇到了锐捷认证的问题 xff0c 找了一下没有现成的程序可以拿来用 xff0c 然后自己交叉编译一个mentohust来用 1 环境 Ubuntu20 04 xff0c 先去
  • 基于docker部署nextcloud及其升级和问题修复

    之前用docker部署了一个版本的nextcloud xff0c 但是当时版本中存在一些bug xff0c 所以想升级一下 油管上有博主直接在nextcloud设置里更新的而且能用 这是地址 xff0c 懂的都懂 xff0c 但是我在nex
  • TFRecord的一些用法

    1 TFRecord的用法 首先 xff0c TFRecord是把你的数据存成文件的一个东西 所以首先要有个写文件的东西 xff0c 就是 writer span class token operator 61 span tf span c
  • rsync --exclude或者--exclude-from的路径问题

    先开个头 xff0c 注意 的使用 假设有 my src dir a 把 my src dir复制到 my dst dir xff0c 结果 my dst dir my src dir a rsync a my src dir my dst
  • Sentry迁移:从一台机器到另一台机器

    搜了一下 xff0c 目前写部署的帖子很多 xff0c 但是没找到比较完善的迁移的帖子 xff0c 记一下自己的方法吧 思路 因为现在基本都是使用docker部署 xff0c 所以常规思路大概是docker容器的迁移 xff0c 但是现在s
  • Android studio 2.3.3+Dlib

    最近因为需要 xff0c 尝试着将Dlib移植到android上 android小白一枚 xff0c 做之前没接触过android xff0c 所以就用了别人说比较好的android studio 最新稳定版 xff08 windows下
  • 用verilog实现L293D 驱动板接口

    课程实验做了一个蓝牙智能小车 xff0c nexys4开发板 xff0c MIPSfpga xff08 一个在 FPGA 上实现的商业 MIPS 处理器软核 xff0c Imagination Technologies公司提供给高校免费使用
  • 斐讯k2p openwrt固件改双WAN口

    原理参考教你玩转K2P A1 A2 官改版VLAN 步骤 xff1a network配置 xff0c etc config network里把wan的ifname由原来的eth1改成eth1 2增加wan2 xff0c eth1 3dhcp
  • windows 10安装Anaconda后pip报SSL错解决

    问题 新装的系统 xff0c 安装anaconda python 61 3 7 后 pip install xxx pip is configured with locations that require TLS SSL however
  • JSP中文乱码问题终极解决方案

    在介绍方法之前我们首先应该清楚具体的问题有哪些 xff0c 笔者在本博客当中论述的 JSP 中文乱码问题有如下几个方面 xff1a 页面乱码 参数乱码 表单乱码 源文件乱码 下面来逐一解决其中的乱码问题 一 JSP 页面中文乱码 在 JSP
  • ubuntu lightdm test用户自动登陆

    1 编辑 etc lightdm lightdm conf d 50 myconfig conf 内容 SeatDefaults autologin user 61 test 注意此处是自己要登陆的用户名字
  • 猴小萌的博客开通啦

    多年痴迷计算机技术 xff0c 孜孜不倦地学习着计算机的一切 xff0c 享受着计算机带给我的乐趣和满足感 然而有一天 xff0c 突然发现我所获得的知识和问题的答案基本上全部都来自于网络 xff0c 却从来没有为社区奉献过 xff0c 上
  • Cesium入门(一):第一张Cesium页面

    本章主要讲述如何下载和使用Cesium xff0c 编写完成自己的第一张Cesium应用页面 主要从以下几个方面展开叙述 xff1a 下载和部署CesiumJS编写第一张Cesium页面 1 下载和部署CesiumJS CesiumJS是一
  • Cesium入门(二):Viewer控件参数与外观定制

    本章主要介绍Cesium Viewer控件的选项参数 xff0c 以及如何对Viewer的外观进行定制 主要包括以下内容 xff1a Viewer控件Viewer选项参数定制Viewer外观界面 1 Viewer控件 Viewer是构建Ce