Cesium基础教程篇三

Cesium基础教程篇三



前言

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


一、大家长Viewer

基本上cesium的所有效果都于viewer有关,就像是一个大家长管理着其他成员,但是大家长基本上不干活,干活的是下面的小弟,来认识认识小弟好办事。

  1. scene: 是场景中所有地理对象的容器(包括地球,太阳等)
    在这里插入图片描述

  2. camera:相机,用于控制视角,三维场景渲染,一般都是第一人称的视角,相机用于模拟人眼,即从哪儿看,看向哪儿,哪些对象看得见,那些对象看不见。
    在这里插入图片描述

  3. cesiumWidget: 我们看到界面上的哪些小控件,在Viewer的内部,是通过该属性控制的。
    在这里插入图片描述

  4. entities: 用于存储地理实体对象,比如点、线、面
    在这里插入图片描述

二、认识完cesium就该动手了

1.借助cesium官网沙盘

cesium沙盘
在这里插入图片描述

2.借助cesium官网API

cesium官网API

在这里插入图片描述

3.本地部署Cesium源码,自己跑起来顺带学习源码(推荐)

  1. 为啥需要本地运行,因为深入研究源码可以知道原理,最次可以慢慢查哪一步做了什么,有利于消化吸收

  2. 本地运行也很方便,如果需要更改什么也能找到位置,而打包好的min.js是无法阅读的

  3. node的话就npm install cesium下载最新的资源包(或者去官网下载source包)展示效果如图:
    在这里插入图片描述

  4. 下载完首先执行npm intsall 再执行npm run build这些不再赘述,方便解析,最后执行npm run start运行
    在这里插入图片描述

  5. 后续可以自己本地访问沙盘
    在这里插入图片描述

总结

这是第三章cesium的正式开发了,更多进一步的cesium相关知识请关注我,带你更深层次了解cesium

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

  • 4
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
Cesium是一个用于构建地球上可视化应用程序的开源JavaScript库。它使用WebGL技术来呈现3D场景,并提供了丰富的地理信息系统(GIS)功能。以下是一个基础教程,帮助您入门Cesium: 1. 安装Cesium:您可以从Cesium的官方网站(https://cesium.com/)下载Cesium的最新版本。您可以选择使用Cesium的开源版或商业版。 2. 创建HTML文件:创建一个新的HTML文件,命名为index.html,并将以下代码添加到文件中: ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Cesium Basic Tutorial</title> <style> #cesiumContainer { width: 100%; height: 100%; margin: 0; padding: 0; } </style> </head> <body> <div id="cesiumContainer"></div> <script src="path/to/cesium/Cesium.js"></script> <script> // 在这里编写您的Cesium代码 </script> </body> </html> ``` 确保将`path/to/cesium/Cesium.js`替换为Cesium库文件的实际路径。 3. 创建一个简单的地图:在`<script>`标签中添加以下代码,以创建一个基本的地图场景: ```javascript var viewer = new Cesium.Viewer('cesiumContainer'); ``` 4. 运行应用程序:将index.html文件保存,并在兼容的Web浏览器中打开它。您应该能够看到一个简单的Cesium地图场景。 这只是一个入门级的教程,Cesium提供了许多功能和API,可用于构建更复杂的地球可视化应用程序。您可以查阅Cesium的官方文档(https://cesium.com/docs/)和示例代码,以了解更多关于Cesium的信息和用法。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

Cesium进阶学习

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

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

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

打赏作者

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

抵扣说明:

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

余额充值