qq_37987033的博客

本文介绍Cesium如何加载空间数据，空间数据即明确定义在三维空间中的数据，空间数据包括以下几类：1、几何形体（点、线、面、体）2、标签（文字图标等）3、几何文件（geojson、kml、czml）4、三维模型（gltf、gltf）。3D Tiles 作为Cesium提出的处理大型三维数据的格式暂不在本文介绍。

本文介绍Cesium世界中的坐标系统，Cesium的坐标系分三种：屏幕坐标、笛卡尔空间直角坐标、地理坐标，在得知目标的坐标后，即可使用相机系统对目标进行定位或进行相机交互。

地形数据用来表示真实的地形起伏；地图数据指的则是真实的影像服务， 本文实践在Cesium中加载地形与影像数据。

工作大半年来主要的技术栈是mapbox-gl 和 threejs，但是作为一名GIS专业毕业生，一直对Cesium充满兴趣。Cesium不仅保持了 threejs 的三维绘制能力，而且内置大量渲染地理数据的API于算法，相较于 mapbox “制作世界上最漂亮的地图”的定位，Cesium无疑是重gis项目或业务的首选框架。据说Cesium与Vue结合更加简便，本文介绍Cesium中的核心类，并使用 Vite + Vue 搭建Cesium应用。

Cesium的官方示例中提供了3D模型裁切获取剖切面的示例，相信很多初次接触cesium的小伙伴第一次看时都会和我一样，虽然本地能跑起来，但是对整个流程缺乏整体的理解，也不清除原理和每一步是干啥，最近整理了一下这个流程并记录下来。......

最近使用Cesium结合ts和react自己手动搭建了一个基本界面，需要加载3dTiles数据和geojson数据，动态控制图层的显隐。

前端在地图中添加随鼠标位置更新的经纬度显示框是一个基本需求，本文分别使用函数组件和类实例实现这个功能，采用的技术栈是react和cesium,mapbox-gl同理可用。

在Cesium中没有类似mapbox中的气泡（popup）弹框，在react-hooks中可以封装一个这样的类组件，借助网上提供的思路为外部模型添加popup气泡框，改进后在旋转缩放时仍能保持原位置，不会偏移。