cesium地图初始化配置说明
cesium初始化地球方法new Cesium.Viewer(container, options)只需要传入容器id或者Element元素就可以了,options可以为空。就能够初始化最简单的地球。例如下面的代码,在引入cesium库路径正确的情况下,就能够创建出一个地球出来。<!DOCTYPE html><html lang="en"><head><m
·
cesium初始化地球方法
new Cesium.Viewer(container, options)
只需要传入容器id或者Element元素就可以了,options可以为空。就能够初始化最简单的地球。
例如下面的代码,在引入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, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no"
/>
<title>Hello World!</title>
<script src="../Build/Cesium/Cesium.js"></script>
<style>
@import url(../Build/Cesium/Widgets/widgets.css);
html,
body,
#cesiumContainer {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
overflow: hidden;
}
</style>
</head>
<body>
<div id="cesiumContainer"></div>
<script>
var viewer = new Cesium.Viewer("cesiumContainer");
</script>
</body>
</html>
但是cesium初始化方法,还有很多属性配置,下面就是全部的配置。
var viewer = new Cesium.Viewer('cesiumContainer', {
animation: false, // 动画部件
baseLayerPicker: false, // 基础图层部件
fullscreenButton: false, // 全屏按钮部件
vrButton: false, // vr部件
geocoder: false, // 位置搜索部件
homeButton: false, // home按钮
infoBox: false, // 消息框部件
sceneModePicker: false, // 二三维切换部件
selectionIndicator: false,
timeline: false, // 时间轴部件
navigationHelpButton: false, // 导航帮助按钮
navigationInstructionsInitiallyVisible: false, // 导航说明显示
scene3DOnly: true, // 当设置为true时,每个几何图形实例将仅以3D形式呈现,以节省GPU内存。
shouldAnimate: false, // 太阳模拟时钟时间
// clockViewModel: new Cesium.ClockViewModel(clock), // 当shouldAnimate为ture,执行当前设置的时间区间动画
// selectedImageryProviderViewModel:{}, // 当前基础影像图层,如果设置将使用第一个可用的基础图层。仅当“ baseLayerPicker”设置为true时,此值才有效。
// imageryProviderViewModels: [], //可以从BaseLayerPicker中选择的ProviderViewModels数组。仅当“ baseLayerPicker”设置为true时,此值才有效。
// selectedTerrainProviderViewModel: new Cesium.ProviderViewModel(options) // 当前基础地形图层的视图模型(如果未提供)将使用第一个可用的基础图层。仅当“ baseLayerPicker”设置为true时,此值才有效。
// terrainProviderViewModels: [], // 可以从BaseLayerPicker中选择的ProviderViewModels数组。仅当“ baseLayerPicker”设置为true时,此值才有效。
// imageryProvider: // 加载不同的地图服务。仅当“ baseLayerPicker”设置为false时,此值才有效。
// terrainProvider: // 加载地形服务
// skyBox: false, // 配置天空盒子或不显示天空盒子
// skyAtmosphere: false, // 配置大气或不显示大气
// fullscreenElement: '', // 配置全屏按钮,传入id或者dom
useDefaultRenderLoop: true, // 控制是否继续渲染
// targetFrameRate:24, // 控制渲染帧数
showRenderLoopErrors: true, // 报错是否弹出错误
useBrowserRecommendedResolution: true, // 设置为false使用window.devicePixelRatio属性
automaticallyTrackDataSourceClocks: false, // 设置成true,使用公共clock对象,设置false,所有功能使用独立clock对象
contextOptions: {}, // 创建场景时,配置webgl
sceneMode: Cesium.SceneMode.SCENE3D, // 初始化场景为3D、2.5D、2D
// mapProjection:new GeographicProjection(), // 使用2D 或者 Columbus View modes 设置地图投影方式
//globe: false, // 配置新的地球或隐藏地球
orderIndependentTranslucency: true, // 如果为true且配置支持,则使用顺序无关的透明性。
creditContainer: document.getElementById('units'), // 部件容器
// creditViewport: '', // 提示显示容器
// dataSources: new Cesium.DataSourceCollection(), // 小部件数据源设置
terrainExaggeration: 1.0, // 夸大地形
shadows: true, // 是否打开阴影
terrainShadows: true, // 是否打开地形阴影
mapMode2D: Cesium.MapMode2D.INFINITE_SCROLL, // 设置2D地图水平旋转
projectionPicker: false, // 设置为true, ProjectionPicker部件会被创建, ProjectionPicker:设置地球最佳视角
// 如果为真,渲染帧只会在需要时发生,这是由场景中的变化决定的。启用可以减少你的应用程序的CPU/GPU使用,并且在移动设备上使用更少的电池,但是需要使用Scene#requestRender在这种模式下显式地渲染一个新帧。在许多情况下,在API的其他部分更改场景后,这是必要的。请参阅使用显式呈现提高性能。
// 不是特别明白,应该是提高渲染性能的
requestRenderMode: true,
// 如果requestRenderMode为true,这个值定义了在请求渲染之前允许的模拟时间的最大变化。请参阅使用显式呈现提高性能。
maximumRenderTimeChange: 0.0
});
let clock = new Cesium.Clock({
startTime: Cesium.JulianDate.fromIso8601("2013-12-25"), // 开始时间
currentTime: Cesium.JulianDate.fromIso8601("2013-12-25"), // 当前时间
stopTime: Cesium.JulianDate.fromIso8601("2013-12-26"), // 结束时间
multiplier: 1.0, // 时间运行倍数,负数向前进
clockRange: Cesium.ClockRange.LOOP_STOP, // 到达时间开始或结束后的操作,是否循环
clockStep: Cesium.ClockStep.SYSTEM_CLOCK_MULTIPLIER, // 设置时钟的频率是系统时间,还是帧
});
更多推荐
已为社区贡献1条内容
所有评论(0)