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

时间: 2024-10-13 01:26:26

Cesium的api之关于viewer的相关文章

Cesium的api之关于viewer(二)

1.构建一个viewer,如下创建:options的参数根据实际情况,进行设定 1 var viewer = new Cesium.Viewer('cesiumContainer', { 2 //Start in Columbus Viewer 3 sceneMode : Cesium.SceneMode.COLUMBUS_VIEW, // 设定3维地图的默认场景模式 4 //Use standard Cesium terrain 5 terrainProvider : new Cesium.C

Cesium 概述 (二) 空间数据可视化

                                                              空间数据可视化 Cesium提供Entity API来绘制空间数据,例如点.标记.标签.线.3D模型.形状.立体形状(volume). Entity API简介 Cesium提供两类API: (1)面向图形开发人员的底层API,通常称为"Primitive API".该API暴露最小限度的抽象,使用图形学术语,具有很大的灵活性,需要具有图形学编程的知识 (2)高级

Cesium基础使用介绍

前言 最近折腾了一下三维地球,本文简单为大家介绍一款开源的三维地球软件--Cesium,以及如何快速上手Cesium.当然三维地球重要的肯定不是数据显示,这只是数据可视化的一小部分,重要的应该是背后的数据生成及处理等.本文先为大家介绍这简单的部分. 一. Cesium简介 Github地址:https://github.com/AnalyticalGraphicsInc/cesium.官方介绍如下: An open-source JavaScript library for world-clas

cesium 入门开发系列地图鹰眼功能(附源码下载)

前言 cesium 入门开发系列环境知识点了解:cesium api文档介绍,详细介绍 cesium 每个类的函数以及属性等等cesium 在线例子 内容概览 cesium 结合 leaflet 实现鹰眼图 cesium 自身 api 实现鹰眼图 源代码 demo 下载 cesium 结合 leaflet 实现鹰眼图方式效果图如下 初始化 cesium function initialGlobeView() { Cesium.Ion.defaultAccessToken = 'eyJhbGciO

Cesium加载各类数据总结

接触到的加载数据类型:源地图.shp.Geojson.png.wms.地形底图 1.Cesium加载各类源地图(在线的影像服务) #此类加载的本质在于 new Cesium.ImageryProvider() Api defination:“Provides imagery to be displayed on the surface of an ellipsoid. This type describes an interface and is not intended to be insta

Cesium的类-Camera

很多知识没办法完全按照类来,在一个应用功能的基础上,梳理Cesium的Api的类,不断学习更新一.Cesium的视角坐标系统scene.camera (一)坐标系统:Cartesian3:三维笛卡尔(直角)坐标系,地心为原点的xyz,例x=****m,y=****m,z==****mCartographic:经纬度及wgs84的高程来定位,例HeadingPitchRoll:在ENU(East-North-Up)坐标系中,相对坐标轴的(直接用来定位很少,一般用于camera相机位置设置,后面介绍

cesium可视化空间数据2

圆柱圆锥体 <!DOCTYPE html> <html> <head> <!-- Use correct character set. --> <meta charset="utf-8"> <!-- Tell IE to use the latest, best version. --> <meta http-equiv="X-UA-Compatible" content="IE

cesium 检测视图改变的代码

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width,

为Autodesk Viewer添加自定义工具条的更好方法

上一篇文章中我介绍了使用Autodesk Viewer的UI API来给viewer添加自定义工具条的方法,看起来很简单是吧.不过有个问题,就是关于自定义工具条的信息(包括按钮的文本.图标.样式.callback等等)全都散落在代码中,如果要添加或者修改的话,得特别小心的扫描代码,非常容易出错.有没有更好的办法呢?这篇文章就来介绍一下. 既然关于Toolbar button等京城需要更改的部分散落到各处不方便维护,那我就把他们集中到一起独立出来.于是我写了个自定义的toolbarConfig对象