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, // 设置时钟的频率是系统时间，还是帧
        });

 

# javascript
Logo
向您推荐>>Eolink开发者社区

权威｜前沿｜技术｜干货｜国内首个API全生命周期开发者社区

更多推荐

深入理解 Mocha 测试框架：从零实现一个 Mocha

前言什么是自动化测试自动化测试在很多团队中都是Devops环节中很难执行起来的一个环节，主要原因在于测试代码的编写工作很难抽象，99%的场景都需要和业务强绑定，而且写测试代码的编写工作量往往比编写实际业务代码的工作量更多。在一些很多业务场景中投入产出比很低，适合写自动化测试的应该是那些中长期业务以及一些诸如组件一样的基础库。自动化测试是个比较大的概念，其中分类也比较多，比如单元测试，端对端测试，集

avatar 云原生

(20200916 Solved)docker-compose up创建容器自动退出

问题描述如题，创建容器后自动退出了。并且docker start container无效解决方案原因是缺失了控制终端的配置，需要在docker-compose.yml中增加tty:true ，有时候这样也不行，需要再增加一个command:/bin/bash，命令不一定是这个，需要是一个不会退出的命令，然后用-d后台启动容器。Referencesdocker-compose启动容器后自动退出...

avatar 云原生

沃云统一开发平台介绍

沃云集成平台研发平台介绍1.平台优势2.平台原理3.研发平台使用方法4.遇到的问题5.现阶段实现的功能6.后续需要补充的功能和优化内容研发平台介绍1.平台优势解决孤岛式应用，实现能力共享；现有系统框架过于复杂，跨系统业务处理成本居高不下，协同服务共享，降低运维成本；提高项目应用资源监控能力，改善资源利用率；业务微服务化，快速发布、快速部署，快速响应业务需求变化；沃云平台不仅提供了自动化的、可快速部

avatar 云原生