Cesium快速入门

这篇具有很好参考价值的文章主要介绍了Cesium快速入门。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

Cesium是全世界使用最广泛的3D WebGIS引擎。国内有若干个GIS厂家的3D GIS引擎也是基于Cesium进行开发。随着国家“新基建、数字化”战略的不断发展深化,越来越多的城市数字化项目需要用上3D GIS引擎,对Web端而言,Cesium几乎是不二的选择。但开源的项目,一般门槛都会高一点,没有商业的技术支持服务,遇到问题只能自己解决。下面就个人这几年使用Cesium的经验,总结一下如何快速入门Cesium,上手二次开发。

首先是知识储备:

  1. Javascript语言基础

  1. WebGL基础(包括矩阵变化、图形构造、渲染方面的基础知识)

  1. GIS基础(包括坐标系、WebGIS等)

工具、开发环境准备。

  1. VisualStudio Code

  1. NodeJS

准备好以上条件后,快速入门的最佳办法是编译、调试及运行Cesium的源代码及案例。

第一步,首先上github,下载Cesium最新源代码,目前最新版本是1.102.(网址:https://github.com/CesiumGS/cesium)

cesium入门,Cesium开发,javascript,web,3d,Powered by 金山文档

下载Cesium1.102源代码后,执行“npm install”,安装相关依赖库后,再执行“npm start”就可以运行Cesium的Demo集合,也叫“Sandcastle”,如下图所示。

cesium入门,Cesium开发,javascript,web,3d,Powered by 金山文档

浏览器打开“http://localhost:8080/”,在页面上点击“Sandcastle”,打开案例集合。

cesium入门,Cesium开发,javascript,web,3d,Powered by 金山文档

深入了解Cesium的一个重要手段是调试、跟踪源代码。如果想要调试源码,在Chrome浏览器下,只要按快捷键F12就可以调出调试窗口。

个人研究比较多的案例是:

cesium入门,Cesium开发,javascript,web,3d,Powered by 金山文档

通过这几个案例,可以快速掌握Cesium使用频率最高的几个类及API的使用方法,例如Viewer、Scene、Primitive、Matrix3/4、Cartisian3/4、Cesium3DTileset等。掌握这几个接口的使用原理,实现在3D场景的模型数据的各种平移、旋转、缩放交互就没什么问题了。

其实搭建3D WebGIS平台,还有一部分是多源3D地理数据的预处理及集成。由于Cesium采用3dtiles数据格式标准(1.90版本后又提出了“3dtiles next”),3d来源数据,不管是倾斜摄影、3d模型还是BIM数据,都要统一转换程3dtiles才能集成到一个平台。所以,数据的预处理是3D GIS平台开发的很重要环境。后续章节再记录分享多源数据处理集成的方法和踩过的坑。文章来源地址https://www.toymoban.com/news/detail-637054.html

到了这里,关于Cesium快速入门的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 【Cesium学习(六)】Cesium加载3D模型(3D tiles和glTF模型)

    前面我们学习到了绘制基本的形状,但是Cesium还可以加载3D模型,因为像高德地图这种的技术来加载大型复杂的建筑模型性能不加,所有只能想Cesium这种专门做3D地图的技术。接下来就学习一下如何加载模型。 Cesium目前支持两种模型方案,一个是使用3D tiles, 另一个是加载g

    2024年02月07日
    浏览(51)
  • Cesium加载3D Tiles数据

    使用原生Cesium加载3D Tiles数据,并实现对图层的选中、样式的修改、图元的隐藏。 实现代码 实现效果

    2023年04月22日
    浏览(45)
  • Cesium源码分享--3d热力图

    在线体验 gitee:https://gitee.com/caozl1132/cesiumExp-heatmap3d github:https://github.com/gitgitczl/cesiumExp-heatmap3d ps:如果可以的话,希望大家能给我个star,好让我有更新下去的动力; 实现原理: 核心是使用了heatmap.js这个库,这个库生成的热力图是用canvas绘制的,那么在Cesium中,我们只要将

    2024年02月03日
    浏览(40)
  • Cesium 3D中的通视分析功能

    通视分析是一种在地理空间中确定两个位置之间是否存在可见线的技术。在Cesium 3D中,我们可以利用其强大的功能集来进行通视分析。本文将介绍如何使用Cesium 3D进行通视分析,并提供相应的源代码。 在开始之前,我们需要确保已经正确加载了Cesium 3D库。接下来,我们将介绍

    2024年04月13日
    浏览(48)
  • Cesium入门之五:认识Cesium中的Viewer

    Viewer是Cesium中用于显示3D场景的组件。它提供了创建和控制3D场景所需的所有基本功能,包括加载3D模型、添加图像覆盖物、设置相机位置和方向、处理用户输入等。 在创建Viewer时,可以指定要使用的HTML元素(例如canvas),该元素将用于呈现3D场景。一旦创建了Viewer对象,就可

    2024年02月08日
    浏览(50)
  • cesium加载glb格式的3d模型

    官方示例: Cesium Sandcastle https://sandcastle.cesium.com/?src=3D%20Models.htmllabel=Tutorials glb模型下载:https://sandcastle.cesium.com/SampleData/models/CesiumAir/Cesium_Air.glb   

    2024年02月11日
    浏览(35)
  • Cesium入门之十:Cesium加载3DTiles数据

    3DTiles是一种面向网格化、可展示的大规模三维空间数据格式,专门为流式传输和渲染海量3D地理空间数据而设计的,用于存储和管理基于网格的三维模型数据。其数据结构基于B3DM和PNTS格式,可以支持多个级别的LOD,并使用Tilesets(瓦片集合)来组织和管理数据。3DTiles具有以

    2024年02月12日
    浏览(56)
  • Cesium之Web Workers

    多线程是编程中常用的方法,例如,在桌面程序中,主线程一般是UI线程,负责UI绘制与用户交互,而运算处理往往是交给背后的工作线程,这样可以有效避免交互时的卡顿感 浏览器是多进程的,每打开一个网页,都会开启一个渲染进程,渲染进程包含: GUI渲染线程 (有且只

    2023年04月25日
    浏览(34)
  • 033:cesium自定义切换2D,3D,哥伦布模式

    第033个 点击查看专栏目录 本示例的目的是介绍如何在vue+cesium中自定义切换2D,3D,哥伦布模式。 直接复制下面的 vue+cesium源代码,操作2分钟即可运行实现效果. 示例效果

    2024年02月11日
    浏览(42)
  • Mars3D/Cesium + VUE3

    不定期更新 参考官网: http://mars3d.cn/dev/guide/start/import.html#_3-3-vite-%E6%8A%80%E6%9C%AF%E6%A0%88%E6%97%B6-%E7%9A%84%E9%A1%B9%E7%9B%AE%E9%85%8D%E7%BD%AE%E4%BF%AE%E6%94%B9 :已亲测vite框架,可以运行,具体见下main 1、插件 vite-plugin-mars3d vite中需要

    2024年02月14日
    浏览(48)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包