Cesium-知识点(Viewer)
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)的更多相关文章
- Cesium 初始化Viewer
<pre name="code" class="javascript"><script> var viewer = new Cesium ...
- Cesium入门-3-官方完整实例
实例核心代码 //资源访问令牌 Cesium token Cesium.Ion.defaultAccessToken='eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ ...
- cesium 获取点击点的高程
var picklHandler = new Cesium.ScreenSpaceEventHandler(viewer.scene.canvas);picklHandler .setInputAct ...
- Cesium中Clock控件及时间序列瓦片动态加载
前言 前面已经写了两篇博客介绍Cesium,一篇整体上简单介绍了Cesium如何上手,还有一篇介绍了如何将Cesium与分布式地理信息处理框架Geotrellis相结合.Cesium的强大之处也在于其 ...
- Cesium 获取鼠标当前位置的模型高度,地形高度,OSGB高度,及其经纬度。
var handler = new Cesium.ScreenSpaceEventHandler(viewer.scene._imageryLayerCollection);var ray,posit ...
- Cesium 海拔 经纬度 展示
通过参考http://gishome.net.cn/cesium/cesium-coordinates/,整理修改后 <!DOCTYPE html><html lang=" ...
- Cesium实现文字、点、多段线、多边形的实时绘制
背景知识 点.线.面以及文字的实时绘制是GIS很重要的一个功能,是用户对感兴趣区域标注的业务需要.同时Cesium提供了点.线(多段线).面及文字(label)绘制的接口,绘制方式总共有两种,一种是通 ...
- Cesium加载影像和地形数据+开启高程遮挡效果+视点定位+定时更新
// 初始化Cesium var viewer = new Cesium.Viewer('cesiumContainer', { /*imageryProvider : new Cesium.ArcG ...
- Cesium.js点击事件
创建viewer var viewer = new Cesium.Viewer('cesiumContainer'); 鼠标事件 var handler = new Cesium.ScreenSpac ...
随机推荐
- css3 奇技淫巧 - 如何给小汽车换个背景色谈起
css3 的魅力,不容小觑.曾经被她折服,再度回首,依旧拜倒在她的石榴裙下.相信在未来,她仍然魅力依旧. 站在巨人的肩上学习,不断提升自身实力. 用 CSS 和颜色选择工具更改图片中的颜色,即如何给小 ...
- Lombok的@Data、@Setter、@Getter注解没反应问题解决
在用@Data注解时,没有生成setter/getter方法.百度了一堆都没解决方法,后来用Google查了一下解决了~~~ 使用IDEA需要安装Lombok插件,我这里已经下载好,如果没下载安装点击 ...
- 怎么让Word形状里的文字上下左右居中
怎么让Word形状里的文字上下左右居中? 第一:左右居中,用段落居中方法: 第二:上下居中,选定图形,单击鼠标右键并选择“设置形状格式”,在选项卡的“文本框”中,选择中部对齐 效果图:
- odoo开发笔记 -- 表名_name长度限制
场景描述: odoo中定义模型的时候,系统会根据参数_name="********" 按照一定的系统规则自动生成表名; 最近开发过程中发现,_name参数的字符长度不能超过64位, ...
- Kubernetes 服务入口管理 Traefik Ingress Controller
前面部署了 kubernetes/ingress-nginx 作为 Ingress Controller,使用 Nginx 反向代理与负载,通过 Ingress Controller 不断的跟 Kub ...
- Jvm运行时数据区
一:运行时数据区 Java虚拟机在执行Java程序的过程中会把它管理的内存分为若干个不同的数据区域.这些区域有着各自的用途,一级创建和销毁的时间,有的区域随着虚拟机进程的启动而存在,有些区域则依赖用户 ...
- Go语言远程执行ssh命令简单封装(支持带交互命令)
使用包:golang.org/x/crypto/ssh 以下封装一个发送命令的Cli结构体 type Cli struct { IP string //IP地址 Username string //用 ...
- 【SqlServer系列】远程访问
1 概述 已发布[SqlServer系列]文章如下: [SqlServer系列]SQLSERVER安装教程 [SqlServer系列]数据库三大范式 [SqlServer系列]表单查询 [SqlS ...
- Hibernate学习(六)———— cascade(级联)和inverse关系详解
序言 写这篇文章之前,自己也查了很多的资料来搞清楚这两者的关系和各自所做的事情,但是百度一搜,大多数博文感觉说的云里雾里,可能博主自己清楚是怎么一回事,但是给一个不懂的人或者一知半解的人看的话,别人也 ...
- React Native 入门基础知识总结
中秋在家闲得无事,想着做点啥,后来想想,为啥不学学 react native.在学习 React Native 时, 需要对前端(HTML,CSS,JavaScript)知识有所了解.对于JS,可以看 ...