Cesium的api之关于viewer
1、viewer是用来构建三维的主要的部件;通过创建viewer可以完成三维的图片、地形的展示等
2、属性
* @param {Element|String} container :指定的是在html页面存放viewer的html标签或者标签对应的ID
* @param {Object} [options] Object with the following properties:
* @param {Boolean} [options.animation=true] 如果该值为true,则会创建动画显示部件;若是为false,则不会创建动画显示部件.
* @param {Boolean} [options.baseLayerPicker=true] 如果该值设置为true,则会创建baselayerpicker(该部件关联一个panel用于管理image和terrain的);
若是为false 则不会创建.
* @param {Boolean} [options.fullscreenButton=true] 如果该值为true,则在页面创建全屏显示部件;若是为false则不会创建
* @param {Boolean} [options.geocoder=true] 如果该值为true,则创建地图编码器;否则则不会创建.
* @param {Boolean} [options.homeButton=true] 如果该值为true,则创建该部件;否则不创建
* @param {Boolean} [options.infoBox=true]如果该值为false,则不创建信息查询框部件;否则创建
* @param {Boolean} [options.sceneModePicker=true] 如果该值为true,则创建场景模式部件;否则不创建
* @param {Boolean} [options.selectionIndicator=true] 如果该值为true,则创建;否则不创
* @param {Boolean} [options.timeline=true]设置为true,则viewer中显示时间轴线;否则隐藏
* @param {Boolean} [options.navigationHelpButton=true] 设置为true,则viewer中显示帮助按钮;否则隐藏
* @param {Boolean} [options.navigationInstructionsInitiallyVisible=true] True if the navigation instructions should initially be visible, or false if the should not be shown until the user explicitly clicks the button.
* @param {Boolean} [options.scene3DOnly=false] 该值为true;绘制的内容保存显卡中
* @param {Clock} [options.clock=new Clock()] viewer中的clock显示当前的系统时间
* @param {ProviderViewModel} [options.selectedImageryProviderViewModel] 指定当前imagery layer, 如若没有设定该值则默认设置image player集合中的第一个;使用该属性的前提baseLayerPicker设置为true(设置三维瓦片的)
* @param {ProviderViewModel[]} [options.imageryProviderViewModels=createDefaultImageryProviderViewModels()]只有当baseLayerPicker设置为true;该参数方可使用;从指定的imagery provider提供
* @param {ProviderViewModel} [options.selectedTerrainProviderViewModel] .指定当前terrain layer, 如若没有设定该值则默认设置terrain player集合中的第一个;使用该属性的前提baseLayerPicker设置为true(设置地形的)
* @param {ProviderViewModel[]} [options.terrainProviderViewModels=createDefaultTerrainProviderViewModels()] 只有当baseLayerPicker设置为true;该参数方可使用;从指定的terrain provider提供
* @param {ImageryProvider} [options.imageryProvider=new BingMapsImageryProvider()] 只要当baselayerpicker设为false该值方可使用默认使用bing地图服务
* @param {TerrainProvider} [options.terrainProvider=new EllipsoidTerrainProvider()] 椭球地形服务
* @param {SkyBox} [options.skyBox]该值用来渲染星星的 若是为undefined的则会使用默认的方式显示星星
* @param {Element} [options.fullscreenElement=document.body] 当点击fullscreenbutton的时候全屏显示的
* @param {Boolean} [options.useDefaultRenderLoop=true] 该值为true用来控制三维循环渲染的.否则则不能
* @param {Number} [options.targetFrameRate] 目标渲染的速度
* @param {Boolean} [options.showRenderLoopErrors=true] 该值为true时 则会生成一个panel用来展示渲染过程出现的错误
* @param {Boolean} [options.automaticallyTrackDataSourceClocks=true] 该值为true则会自动根据最新的时间来更新数据或者升级数据
* @param {Object} [options.contextOptions]
* @param {SceneMode} [options.sceneMode=SceneMode.SCENE3D] 初始最初的三维场景
* @param {MapProjection} [options.mapProjection=new GeographicProjection()] 地图投影方式的设定(2d和哥伦布)
* @param {Boolean} [options.orderIndependentTranslucency=true] .该值设为true,并且能够被支持;则会以半透明的方式显示
* @param {Element|String} [options.creditContainer] 根据标签元素或者ID创建容器; 如若没有指定 则默认自动在部件的底部创建
* @param {DataSourceCollection} [options.dataSources=new DataSourceCollection()] 该可视化部件的数据源集合;若是提供了该参数会当做被自身所拥有,则当viewer被销毁时,则该可视化部件不会被销毁
*
3、使用如下:
var viewer = new Cesium.Viewer('cesiumContainer',{
animation:false, //动画控制不显示
baseLayerPicker:true,//图层控制显示
geocoder:false,//地名查找不显示
timeline:false,//时间线不显示
sceneModePicker:true//投影方式显示
});
4、api地址
http://cesiumjs.org/refdoc.html
Cesium的api之关于viewer的更多相关文章
- Cesium的api之关于viewer(二)
1.构建一个viewer,如下创建:options的参数根据实际情况,进行设定 var viewer = new Cesium.Viewer('cesiumContainer', { //Start ...
- Cesium 源码笔记[1] Viewer模块实例化的大致过程
我原本想写日记的,但是不太现实. 源码下载 源码可以从源码包和发行包中的Source目录中获取. Cesium的模块化机制从1.63版本开始,由原来的RequireJs变为ES6.但有可能是原先设计耦 ...
- View and Data API Tips: Constrain Viewer Within a div Container
By Daniel Du When working with View and Data API, you probably want to contain viewer into a <div ...
- Cesium基础使用介绍
前言 最近折腾了一下三维地球,本文简单为大家介绍一款开源的三维地球软件--Cesium,以及如何快速上手Cesium.当然三维地球重要的肯定不是数据显示,这只是数据可视化的一小部分,重要的应该是背后的 ...
- 【转载】Cesium基础使用介绍
既然给我发了参与方式,不参加似乎有点不给人面子,反正也没多少人看我的博客,那我就试试吧,也欢迎大家自己参与:2017年度全网原创IT博主评选活动投票:http://www.itbang.me/goVo ...
- cesium 入门开发系列地图鹰眼功能(附源码下载)
前言 cesium 入门开发系列环境知识点了解:cesium api文档介绍,详细介绍 cesium 每个类的函数以及属性等等cesium 在线例子 内容概览 cesium 结合 leaflet 实现 ...
- react 地图可视化 cesium 篇
Vue Function-based API RFC 一出来,感觉 vue 越来越像 react 了.新立项目,决定尝试下 react.js.下面是 react 集成 cesium,核心部分是 web ...
- Cesium的Property机制总结[转]
https://www.jianshu.com/p/f0b47997224c 前言 Cesium官方教程中有一篇叫<空间数据可视化>(Visualizing Spatial Data).该 ...
- Cesium的Property机制总结
前言 Cesium官方教程中有一篇叫<空间数据可视化>(Visualizing Spatial Data).该文文末简单提到了Cesium的Property机制,然后话锋一转,宣告此教程的 ...
随机推荐
- HDU1247 - Hat’s Words(Trie树)
题目大意 给定一些单词,要求你把所有的帽子单词找出来,如果某个单词恰好由另外两个单词连接而成,那么它就是帽子单词 题解 先把所有单词插入到Trie树,然后判断每个单词是不是帽子单词,做法就是:对于第i ...
- Java NIO缓冲
缓冲区(buffer)是从即将写入通道(channel)或刚刚从通道中读出的一段数据.它是一个持有数据,并扮演NIO通道端点的对象.缓冲区为数据访问和读写过程提供正式机制. 它是NIO和老版Java ...
- 跟我一起写Makefile:MakeFile介绍
makefile 介绍 make命令执行时,需要一个 makefile 文件,以告诉make命令如何去编译和链接程序. 首先,我们用一个示例来说明makefile的书写规则.以便给大家一个感性认识.这 ...
- Android文字的阴影效果
<!-- android:shadowDx 阴影的水平偏移量 即往右移的距离 --> <!-- android:shadowDy 阴影的垂直偏移量 即往下移的距离--> < ...
- CSS入门基础
认识CSS 传统HTML设计网页版面的缺点 CSS的特点 CSS的排版样式 13.1 认识CSS CSS的英文全名是Cascading Style Sheets,中文可翻译为串接式排版样式,并且CSS ...
- SVN eclipse插件错误
部分文章转载自:http://www.bkjia.com/ASPjc/1015687.html 出现如下问题该怎么做: 1.在Windows--Preferences--Team--SVN--接口换成 ...
- android开源项目学习
FBReaderJ FBReaderJ用于Android平台的电子书阅读器,它支持多种电子书籍格式包括:oeb.ePub和fb2.此外还支持直接读取zip.tar和gzip等压缩文档. 项目地址:ht ...
- Join-Path(拼接路径)
$a="d:" $a="d:\ab" $b="abcd" $c="m.txt" @($a,$b,$c) -join '\ ...
- strlen和sizeof的差别
一.sizeof sizeof(...)是运算符,而不是一个函数. 一个简单的样例: int a; cout<<sizeof a<<endl; 在头文件 ...
- mongdb使用场景
你期望一个更高的写负载 默认情况下,对比事务安全,MongoDB更关注高的插入速度.如果你需要加载大量低价值的业务数据,那么MongoDB将很适合你的用例.但是必须避免在要求高事务安全的情景下使用Mo ...