02 Cesium—官方DEMO和API查看

在这里插入图片描述

文章中所有操作均是在 Cesium 1.91 版本下进行的,其它版本差异请自行适配

Cesium源代码

如何下载源码就不多说了,您可以移步Cesium环境搭建进行查看,将下载之后的 zip 文件解压到您自定义的目录中即可。

运行源码

直接点击 index.html 是无效的,需要放入WebServer 容器中。不管你是习惯什么方式,将它通过服务器形式运起来即可。服务器启动后,直接运行 index.html(例如:http://127.0.0.1:5500/index.html)就能看到如下界面:

在这里插入图片描述

  1. Documentation,就是 Cesium 的api 文档。但是它是直接将所有接口顺序排列,没有按照程序内在联系来分类,这样也造成我们新手学习上的难度。而且在源码中路径 Build\Documentation 文件夹目录中,里面其实也是这些文档的页面。
  2. Sandcastle,示例程序。提供交互编辑的示例程序,我们可以查看示例源代码并且可以在线编辑和运行查看结果。在源码中 Apps\Sandcastle\gallery 文件夹目录下保存着各个示例的源码。
  3. Hello World,不用提也知道它是干什么的,用它可以验证您的浏览器支持不支持 WebGL。

在线文档

如果实在不想启动这些东西,访问在线文档也是可以的。这里不做过多阐述,免得人家以为我给在给别人打广告,网上一搜一大把,不过还是要感谢翻译文档的人和提供文档的人,十分感谢。

Viewer类属性

  • imageryLayers 影像数据
  • terrainProvider 地形数据
  • dataSources 矢量数据
  • entities 几何实体集合(用于空间数据可视化)
  • Widgets 组件,即Viewer初始化界面上的组件
  • Camera 相机
  • Event 事件,鼠标事件、实体选中事件等

Scene类属性

  • primitives 图元集合(几何体和外观)
  • postProcessStages 场景后期处理
  • 环境对象,大气圈、天空盒、太阳、月亮等
  • Event事件,更新、渲染事件等
  • Camera类属性
  • 位置、方位角、俯仰角、翻滚角

空间计算

三维矩阵、四元数、四维矩阵、转换等

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
Vue2 Cesium Demo是一个使用Vue.js 2和Cesium.js创建的演示示例。Vue.js是一个流行的JavaScript框架,用于构建用户界面,而Cesium.js是一个开源的JavaScript库,用于创建3D地球和地理信息系统应用。 在Vue2 Cesium Demo中,我们可以看到一个基本的Vue.js应用,其中包含一个Cesium地球的实例。该应用可以显示一个具有交互功能的3D地球,并附带一些实时地理位置数据。 该演示示例使用了Vue.js的组件化和响应式数据绑定的特性,以及Cesium.js提供的JavaScript API。通过组件化的方式,我们可以将地球实例视为一个独立的Vue组件,并在Vue应用中进行灵活地使用和管理。 在Vue2 Cesium Demo中,我们可以通过Cesium.js的API来自定义地球的外观和行为。我们可以添加和定制3D模型和标记,选择不同的地图投影和数据源,并进行交互操作,如平移、旋转和缩放。 此外,Vue2 Cesium Demo还展示了如何通过Vue.js的异步组件加载功能,以及使用Vuex进行状态管理。这些功能可以帮助我们更好地组织和管理大型Cesium.js应用的代码。 总结来说,Vue2 Cesium Demo是一个演示了如何使用Vue.js 2和Cesium.js创建可交互的3D地球应用的示例。它展示了Vue.js的组件化、响应式数据绑定和异步组件加载的特性,以及Cesium.js的地图API。通过这个示例,开发者可以了解如何将Vue.js和Cesium.js结合使用,构建出功能丰富和灵活的地理信息系统应用。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

WorkLee

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值