码迷,mamicode.com
首页 > 其他好文 > 详细

cesium【02-小部件】

时间:2020-04-18 18:55:34      阅读:78      评论:0      收藏:0      [点我收藏+]

标签:视角   over   ice   地球   mic   pad   back   显示   doctype   

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>

 

cesium【02-小部件】

标签:视角   over   ice   地球   mic   pad   back   显示   doctype   

原文地址:https://www.cnblogs.com/MaShuai666/p/12727237.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!