Cesium基础教程篇二

Cesium基础教程篇二

---

---

前言

Cesium官网：官网链接
Cesium 是一个开源的、高性能的 3D 地球和地图可视化平台，它允许开发者创建基于 Web 的、交互式的地理空间应用程序。Cesium 的核心是一个 WebGL 驱动的引擎，它能够渲染大规模的地理数据集，支持高精度的地球模型和动态数据可视化。

---

一、Cesium ION的使用

如果出现401，可能是因为token无效，因为Cesium默认会使用Cesium.Ion上的底图，而这个底图是需要token的，所以您需要去Cesium.Ion上申请一个token。Cesium Ion地址
1、没有账号的注册账号：
2、登录成功后在“Access Tokens”界面点击“Create token”按钮

3、创建成功设置token即可，当然如果你有自己的地图添加一张默认图片即可消除401的错误

	Cesium.Ion.defaultAccessToken = '你的Token'
    let viewer = new Cesium.Viewer("map3d") ;

二、Cesium的基础控件

1.控件介绍

1. Geocoder：POI检索工具，默认使用微软的Bing地图
2. HomeButton：首页位置，点击之后将视图跳转到默认全球视角
3. SceneModePicker：选择视角的模式，3D，2D，哥伦布视图(CV)
4. BaseLayerPicker：图层选择器，选择要显示的地图服务和地形服务
5. NavigationHelpButton：导航帮助按钮，显示默认的地图控制帮助
6. Animation：动画组件，控制视图动画的播放速度
7. CreditsDisplay：展示商标版权和数据归属
8. Timeline：时间轴，指示当前时间，并允许用户跳到特定的时间
9. FullscreenButton：全屏按钮

2.控件设置

代码如下（示例）：

let viewer = new Cesium.Viewer("map3d", {
   animation: false, // 动画组件
   baseLayerPicker: false, // 底图组件，选择三维数字地球的底图。
   fullscreenButton: false, //  全屏开关
   geocoder: false, // 地理编码（搜索）组件
   homeButton: false, // 首页，点击之后将视图跳转到默认视角
   infoBox: false, // 信息框
   sceneModePicker: false, // 场景模式，切换2D、3D 和 Columbus View (CV) 模式。
   selectionIndicator: false, //是否显示选取指示器组件
   timeline: false, // 时间线
   navigationHelpButton: false, // 帮助提示，如何操作数字地球。
   navigationInstructionsInitiallyVisible: false,// 如果最初应该看到导航说明，则为true；如果直到用户明确单击该按钮，则该提示不显示，否则为false。
 });

总结

这是第二章介绍基础部件的使用，更多进一步的cesium相关知识请关注我，带你更深层次了解cesium

后续更多和cesium有关的更深度的内容可以在创奇社区找我 点击进入创奇社区