zoukankan      html  css  js  c++  java
  • 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>
  • 相关阅读:
    弱网测试—Network-Emulator-Toolkit工具
    chmod修改权限
    mysql:on duplicate key update与replace into
    mysql:批量更新
    linux:磁碟与档案系统管理
    linux:指令与档案的搜索
    linux:问题
    linux:档案与目录管理
    linux:档案权限
    linux:习惯
  • 原文地址:https://www.cnblogs.com/MaShuai666/p/12727237.html
Copyright © 2011-2022 走看看