cesium02-小部件

Posted mashuai666

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了cesium02-小部件相关的知识，希望对你有一定的参考价值。

viewer 是一切API的开始点，new Viewer后构造的就是我们看得见的地球对象。

let viewer = new Cesium.Viewer(container, options)

container：渲染地球div容器
options:可选参，包含了一系列功能

技术图片

 

 

代码：

<!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>小部件</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>
</body>
</html>
<script>
      //渲染地球div容器
    let container = ‘cesiumContainer‘
    //----小部件
    let options = {
        animation:true,//默认true，动画小部件,左下角圆形时钟。
        baseLayerPicker:true,//默认true,图层选择器，右上角
        fullscreenButton:true,//默认true,全屏按钮，右下角
        vrButton:true,//默认false,分屏，右下角
        geocoder:true,//默认true,搜索框，右上角
        homeButton:true,//默认true,回到主视角按钮，右上角
        infoBox:true,//默认true,信息框，当鼠标点击到实体后，会弹出信息框。
        sceneModePicker:true,//默认true,2D,2.5D,3D类型切换按钮
        selectionIndicator:true,//默认true,当鼠标点击实体后会显示出一个选取框
        timeline:true,//默认true,时间轴，在屏幕最下方
        navigationHelpButton:true,//默认true,帮助按钮，右上角
    }
    let viewer = new Cesium.Viewer(container, options)
</script>

 

以上是关于cesium02-小部件的主要内容，如果未能解决你的问题，请参考以下文章

Android小部件，启动一个片段？

此应用小部件片段中所有意图 (PendingIntents) 的逻辑流

AppCompat v22.1.0 没有为片段正确主题化所有 xml 小部件

如何更新导航抽屉中的有状态小部件，同时在 Android 中保持与片段相同的类？

ListView 不可点击，行中的所有小部件都是 TextView

有趣的网页小部件笔记