cesium 学习笔记(二)之 了解Cesium默认的Viewer自带的一些基础组件以及Cesium ion

191 阅读2分钟

第二节:了解Cesium默认的Viewer自带的一些基础组件和了解Cesium ion

Cesium 默认自带基础组件简介:

12.png

备注:

1.  Geocoder : 一种地理位置搜索工具,用于显示相机访问的地理位置。默认使用微软的Bing地图;
2.  HomeButton : 首页位置,点击之后将视图跳转到默认视角;
3.  SceneModePicker : 切换2D、3D 和 Columbus View (CV) 模式;
4.  BaseLayerPicker : 选择三维数字地球的底图(imagery and terrain);
5.  NavigationHelpButton : 帮助提示,如何操作数字地球;
6.  Animation :控制视窗动画的播放速度;
7.  CreditsDisplay : 展示商标版权和数据源;
8.  Timeline : 展示当前时间和允许用户在进度条上拖动到任何一个指定的时间;
9.  FullscreenButton : 视察全屏按钮。

隐藏默认自带基础组件(分别对应上面备注项)

    const viewer = new Cesium.Viewer('cesiumContainer', {
        animation: false,    //左下角的动画仪表盘--6
        baseLayerPicker: false,  //右上角的图层选择按钮--4
        geocoder: false,  //搜索框--1
        homeButton: false,  //home按钮--2
        sceneModePicker: false, //模式切换按钮--3
        timeline: false,    //底部的时间轴--8
        navigationHelpButton: false,  //右上角的帮助按钮--5
        fullscreenButton: false ,  //右下角的全屏按钮--9
    });
    // viewer
    viewer._cesiumWidget._creditContainer.style.display = "none";//取消版权信息--7

Cesium ion简介

Cesium ion是一个提供瓦片图和3D地理空间数据的平台,Cesium ion支持把数据添加到用户自己的CesiumJS应用中,我们后面使用到的Sentinal-2二维贴图和Cesium世界地形,两者都需要ion的支持。

备注:

在我们使用Cesium的过程中,如果没有申请ion,同时自己的数据源没有用cesium提供的数据源,viewer的底部常常会提示一行小的英文字母。大意就是需要申请access token,如下图所示:

13.png

ion 申请操作步骤如下:

  1. 首先需要去注册一个免费的Cesium ion账户;
  2. 打开 cesium.com/ion/ 然后注册一个新的账户;
  3. 点击"Access Token",跳转到Access Tokens page页面;
  4. 选择Default默认的access token拷贝到contents中。

14.png

在创建Cesium Viewer的时候,将 access token 填为自己的access token即可

Cesium.Ion.defaultAccessToken = 'your_access_token';