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.控件介绍
- Geocoder:POI检索工具,默认使用微软的Bing地图
- HomeButton:首页位置,点击之后将视图跳转到默认全球视角
- SceneModePicker:选择视角的模式,3D,2D,哥伦布视图(CV)
- BaseLayerPicker:图层选择器,选择要显示的地图服务和地形服务
- NavigationHelpButton:导航帮助按钮,显示默认的地图控制帮助
- Animation:动画组件,控制视图动画的播放速度
- CreditsDisplay:展示商标版权和数据归属
- Timeline:时间轴,指示当前时间,并允许用户跳到特定的时间
- 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有关的更深度的内容可以在创奇社区找我 点击进入创奇社区