Cesium之Viewer的构造(转自:https://blog.csdn.net/zhy905692718/article/details/78865107)

Viewer属于Cesium的控件部分,是显示地图的容器,源码在Source\Widgets\Viewer\Viewer.js,支持2D\3D及VR视图

构造方式:

指定对应的DOM的Id,及相关参数:

  var viewer = new Cesium.Viewer('cesiumContainer', {
timeline: false, //是否显示时间轴
sceneModePicker: true, //是否显示3D/2D选择器
baseLayerPicker: true, //是否显示图层选择器
geocoder: true, // 搜索
scene3DOnly: true, //如果设置为true,则所有几何图形以3D模式绘制以节约GPU资源
animation: false, //左下角仪表盘
navigationHelpButton: true, //右上角的帮助按钮
homeButton: false, //是否显示Home按钮
infoBox: true, //?
fullscreenButton: true, //是否显示全屏按钮
showRenderLoopErrors: true, //是否显示渲染错误
fullscreenElement: document.documentElement, //全屏元素
imageryProviderViewModels: [imgprovider_google], //影像来源
terrainProviderViewModels: [terrainprovider_default], //地形来源
selectedImageryProviderViewModel: Util.imgprovider_google //当前选中的影像来源
});
 

其他属性:

  • vrButton:是否显示VR视图按钮
  • selectionIndicator:是否显示选中实体的标识
  • navigationInstructionsInitiallyVisible:true则默认显示帮助菜单,否则只有当用户点击帮助按钮时显示
  • clockViewModel:时钟视图模型,用来控制时间???
  • selectedTerrainProviderViewModel:当前选中的地形
  • 当baseLayerPicker设置为false时,使用imageryProvider、terrainProvider指定影像和地形
  • skyBox:用于定义天空
  • skyAtmosphere:设置地球周围是否有发亮的光圈
  • useDefaultRenderLoop:false时viwer不处理地球的渲染,只有黑窗口
  • targetFrameRate:指定默认渲染器的帧率
  • automaticallyTrackDataSourceClocks:是否随着时钟的改变追踪更新数据,如果需要单独处理时钟时设置为false
  • contextOptions:上下文操作???
  • sceneMode:初始视图类型(SceneMode.SCENE2D、SceneMode.SCENE3D)
  • mapProjection:地图投影(2D视图或哥伦布视图时使用)
  • globe:传给scene的地球对象,如果设置为false则没有地球
  • orderIndependentTranslucency:半透明???
  • creditContainer:显示credit的DOM元素id
  • dataSources:默认数据源,如果指定了该值则需要负责销毁
  • terrainExaggeration:地形放大比例,不影响在地球上的相对位置
  • shadows:是否显示太阳的阴影
  • terrainShadows:地形是否显示太阳的阴影及阴影形式
  • mapMode2D:指定2D地图在水平方向的滚动和旋转形式
  • projectionPicker:是否显示投影选择器

Cesium-知识点(Viewer)的更多相关文章

  1. Cesium 初始化Viewer

    <pre name="code" class="javascript"><script> var viewer = new Cesium ...

  2. Cesium入门-3-官方完整实例

    实例核心代码 //资源访问令牌 Cesium token Cesium.Ion.defaultAccessToken='eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ ...

  3. cesium 获取点击点的高程

    var picklHandler = new Cesium.ScreenSpaceEventHandler(viewer.scene.canvas);picklHandler .setInputAct ...

  4. Cesium中Clock控件及时间序列瓦片动态加载

    前言 前面已经写了两篇博客介绍Cesium,一篇整体上简单介绍了Cesium如何上手,还有一篇介绍了如何将Cesium与分布式地理信息处理框架Geotrellis相结合.Cesium的强大之处也在于其 ...

  5. Cesium 获取鼠标当前位置的模型高度,地形高度,OSGB高度,及其经纬度。

    var handler = new Cesium.ScreenSpaceEventHandler(viewer.scene._imageryLayerCollection);var ray,posit ...

  6. Cesium 海拔 经纬度 展示

    通过参考http://gishome.net.cn/cesium/cesium-coordinates/,整理修改后 <!DOCTYPE html><html lang=" ...

  7. Cesium实现文字、点、多段线、多边形的实时绘制

    背景知识 点.线.面以及文字的实时绘制是GIS很重要的一个功能,是用户对感兴趣区域标注的业务需要.同时Cesium提供了点.线(多段线).面及文字(label)绘制的接口,绘制方式总共有两种,一种是通 ...

  8. Cesium加载影像和地形数据+开启高程遮挡效果+视点定位+定时更新

    // 初始化Cesium var viewer = new Cesium.Viewer('cesiumContainer', { /*imageryProvider : new Cesium.ArcG ...

  9. Cesium.js点击事件

    创建viewer var viewer = new Cesium.Viewer('cesiumContainer'); 鼠标事件 var handler = new Cesium.ScreenSpac ...

随机推荐

  1. jsp进阶

    Jsp,前段的数据读取到后端 获取前段输入框数据 request.getParameter(前段输入框的name值) Request.代表转发,(代码在服务器内部执行的一次性请求,url地址不会发生改 ...

  2. ORM基本操作回顾

    连接数据库 默认是MySQLdb 指定引擎 dialect[+driver]: //user:password@host/dbname[?key=value..]: from sqlalchemy i ...

  3. ionic2 关于启动后白屏问题跟app启动慢的问题

    问题描述: 在ionic2下创建的项目打包生成apk,运行在真机上,进入启动页然后有5秒左右的白屏情况才进入首页,在真实项目中更严重,启动画面后更有时候十几秒都是白屏,体验性非常差. 在各种搜索之下, ...

  4. javaScript笔记详解(1)

    javaScript基础详解 版权声明 本文原创作者:雨点的名字 作者博客地址:https://home.cnblogs.com/u/qdhxhz/ 首先讲javaScript的摆放位置:<sc ...

  5. JDK,JRE,JVM,JMM关系与区别

    JVM: Java Virtual Machine, 将java文件编译成class文件并运行class文件的软件 JRE:Java  Runtime  Enviromental,包含了JVM和Jav ...

  6. 另类SQL拼接方法

    在编写SQL的时候经常需要对SQL进行拼接,拼接的方式就是直接String+处理,但这种情况有个不好的地方就是不能对SQL进行参数化处理.下面介绍一种就算基于String +的方式也可以进行SQL参数 ...

  7. 深入理解 JavaScript 异步系列(1)——基础

    前言 2014年秋季写完了<深入理解javascript原型和闭包系列>,已经帮助过很多人走出了 js 原型.作用域.闭包的困惑,至今仍能经常受到好评的留言. 很早之前我就总结了JS三座大 ...

  8. HTTP的基本原理

    用户访问万维网文档,万维网文档之间的链接以及万维网文档中数据传送到用户计算机,这些功能的实现都是由超文本传输协议 HTTP(HyperTextTransfer Protocol) 负责完成的. HTT ...

  9. vue开发中vue-resource + canvas 图片压缩、上传、预览

    1.使用vue-resource上传,也可以自定义ajax上传: 2.使用<input type="file" @change="submit()" na ...

  10. Perl的特殊代码块:BEGIN、CHECK、INIT、END和UNITCHECK

    这是5个特殊的代码块.要理解这几个块,关键在于几个时间点: (1).程序编译期间 (2).程序执行期间 (3).程序执行结束但还未退出期间 BEGIN块 BEGIN块是在程序编译期间执行的,也就是上面 ...