cesium【02-小部件】

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>

 

posted @ 2020-04-18 18:10  悟道_ms  阅读(393)  评论(0)  编辑  收藏  举报