cesium2练手小demo，增强学习兴趣好帮手

最新推荐文章于 2023-09-14 22:50:52 发布

MYNAMEL

最新推荐文章于 2023-09-14 22:50:52 发布

阅读量193

点赞数

分类专栏： cesium 文章标签： cesium

本文链接：https://blog.csdn.net/MYNAMEL/article/details/120332723

版权

cesium 专栏收录该内容

12 篇文章 8 订阅

订阅专栏

1.小知识-注释掉界面上的一些控件

在这里插入图片描述

代码如下：

<!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>
    // Viewer是所有的入口
    var viewer = new Cesium.Viewer("cesiumContainer",
      {
        geocoder: false,//右上角搜索按钮
        homeButton: false,//右上角主页按钮
        sceneModePicker: false,//右上角展示方式按钮
        baseLayerPicker: false,//右上角展示样式按钮
        navigationHelpButton: false,//右上角帮助按钮

        animation: false,//左下角时间圆盘
        timeline: false,//下方时间条控件
        
        fullscreenButton: false,//右下角全屏
      });
    //去掉最下方cesium公司的标注
    viewer._cesiumWidget._creditContainer.style.display = "none";

  </script>
</body>

</html>

注释完之后的界面（地球加载的时候需要一点时间，不要着急）

在这里插入图片描述

MYNAMEL

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
cesium2练手小demo，增强学习兴趣好帮手

1.小知识-注释掉界面上的一些控件代码如下：<!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
复制链接

扫一扫

专栏目录