资深三维GIS开发

原创 Cesium 飞行漫游 贴地漫游

之前发过一个全局漫游的案例，那个是简单的飞行漫游，现在我封装了一个复杂的漫游类，包含飞行漫游和贴地漫游。先看下页面（页面的样式没有调0.0）：咱们按照步骤来说：1、路线设定我在这里的路线绘制依赖于我写的一个绘制类，实际应用过程中只要传入对应的世界坐标的坐标数组即可。本人为了方便开发，将大部分常用的功能都进行了封装。2、漫游前参数设定在这里可以设置是否是贴地漫游，漫游过程...

原创 Cesium 可视域分析（未改源码）

嘿嘿嘿，出来了。此功能未修改cesium的源码，可动态调节夹角、颜色及距离等因素。一下晒出部分代码：//创建一个点光源 this._shadowMap = new Cesium.ShadowMap({ context: this._scene.context, lightCamera: this._lightCamera, ...

原创 Cesium 无人机航线规划

从去年的时候就打算仿大疆开发一套完整的平台，包括无人机app以及仿司空2的管理平台，集航线规划、任务派发、实时图像、无人机管理等功能的平台。下面是基于Cesium开发的航线编辑功能，后面会对这个这个模块的实现进行记录，供大家参考。2、web端实时编辑航线，编辑好的航线直接派发到无人机，无人机按照编辑航线进行作业；具体操作大家可以参考司空2的平台，后续我会将此功能放到线上，大家也可以体验。当前我做的是三维空间的航线编辑，还有种方式是快速编辑（此处不做说明）。⬆ -- 镜头抬升。⬇ -- 镜头降低。

原创 Cesium 仿高德导航线

我在开发的过程中，将当前线的长度转化为了屏幕长度，然后根据片元的屏幕坐标也转为屏幕像素长度。最近在开发无人机平台中，做一个自主航线规划时，为了达到一个好的航线展示效果，决定仿照高德地图中的线路导航来做。// 获取在虚线内的位置，dashLength * czm_pixelRatio 计算当前像素长度对应的屏幕长度。随着地图视角的接近，该材质会自动生成更多的箭头来填充线路中，这样就会达到一个更好看的效果。开始的时候想通过传统的贴图方式来进行处理，发现使用此种方式时，可以看到，当前线路上共计五个箭头。

原创 在线地图及地形服务总结

因为做gis开发，大部分使用是使用的在线的地图服务，今天抽了点时间总结了下目前主流的一些地图服务的地址，只是一小部分，如果大家有自己常用的也可以告诉我，一起完善到这个表格中。

原创 Cesium 模型开挖

和模型压平类似，此处开挖也是采用修改了模型的顶点，通过判断定的位置来判断改顶点是否加载。后续我会再上个修改源码无毛边的版本。

原创 Cesium 模型压平

Cesium 压平

原创 各省份12.5m地形数据

另外也有全国30m的地形数据，可以去我的博客目录找，以及各种模型数据均可在下面链接下载。手机整理了全国各省份12.5m的地形数据，ALOS的。

原创 Cesium源码分享--3d热力图

核心是使用了heatmap.js这个库，这个库生成的热力图是用canvas绘制的，那么在Cesium中，我们只要将canvas转图片，当初材质贴到我们的对象上就行。支持原heatmap.js的参数传参，具体可见src/js/heatmap.js类，并且primitiveType支持了两种类型，TRANGLE（面）以及LINES（网格）三维热力图与二维热力图的唯一区别在于使用顶点坐标与顶点缓冲区的构建，注意在构建顶点缓冲区时，边界要单独处理。qq群：606645466（GIS之家共享交流群）

原创 Cesium源码分享--量算

面积计算是使用了开源的turf库来进行计算的，此处我只做了空间面积计算，并没有做贴地面积计算，贴地面积计算的原理和空间面积计算一样，只不过贴地时对面做了微分；此处调用和我另一个标绘组件的方法类型，一种是使用MeasureTool这个工具类进行统一控制（推荐使用），另一种是直接new 所需的标绘类。其中距离量算的原理是用了Cartesian3提供的distance方法进行了计算；ps：如果可以的话，希望大家能给我个star，好让我有更新下去的动力；方位角使用了矩阵计算了正北方向的夹角；

原创 Cesium源码分享--气泡窗

Cesium和我们平时常见的leaflet、ol以及arcgis api是不一样的，其没有内置的气泡窗，那么就得靠我们手写气泡窗来实现了。ps：如果可以的话，希望大家能给我个star，好让我有更新下去的动力；本插件样式是参考了leaflet来写的。

原创 Cesium源码分享--标绘

ps：如果可以的话，希望大家能给我个star，好让我有更新下去的动力；以上是此库一个大致的介绍，具体调用和开发请参考开发文档。

原创 全国各省份影像下载地址（11级别）

cesium中使用urltemplate加载，leaflet中使用tile加载，具体加载有问题可以给我留言。

原创 Cesium相关的坑

开一篇文章 记录下我在cesium中踩过的坑。

原创 Cesium 拾取坐标偏移问题

最近参与开发了一个大屏，分别有两个分辨率4800 * 1080以及9600 * 2160，为了兼容这两个分辨率的大屏展示，前端做了个骚操作，通过css的。通常我们在使用Cesium的过程中，会有坐标拾取的操作，将拾取到的像素坐标和世界坐标进行一个相互的转换。然后问题就来了，我原来可以用的各种标绘、量算以及拾取等，也就是transform时的scale的值，，明明在安徽省内获取坐标，都跑到新疆去了。transform的scale方法。

原创 Cesium 获取相机坐标及姿态

【代码】Cesium 获取相机坐标及姿态。

原创 Cesium 粒子系统卡死

基于cesium的粒子系统做了个爆炸的效果，当在我本地写demo的时候爆炸是没问题的，但是当运用到我的框架里的时候就会卡死页面。后来经过细致的排查，是因为我框架中有个地方用了。方法，此方法和粒子系统不兼容，会导致页面崩溃！

原创 Cesium 热力图（可直接使用）

先阐释下原理，使用了heatmap.js这个库，这个库生成的热力图是用canvas绘制的，那么在Cesium中，我们只要将canvas转图片，当初材质贴到我们的对象上就行。当我们获取到外接正方体的四个顶点坐标后，通过当前经纬度相对于正方体左上角顶点的坐标位置，来计算热力图canvas中的相对位置，以此来将经纬度与热力图的像素坐标进行匹配。而我们三维中一般遇到的数据是：经纬度+经纬度对应的值 ，那么我们要做地图上的热力图就得做个经纬度到像素坐标的换算。上面的数字是我模拟的各个点位的值。

原创 二三维地图离线数据

其实并不是这样，除了三维中特有的模型数据（bim、3dmax、osgb、gltf、glb、i3bm、b3dm）以及地形数据（dem、dsm）等，其他数据其实在二维和三维中是通用的，这种数据并没有二三维属性。

原创 Cesium 渐变色柱子

Cesium 渐变色

原创 Cesium 无人机巡检实时视频投射及模拟数据采集

用投射做了两个功能，一个是模拟无人机巡检，展示当前无人机的实时视频流，并且展示当前无人机的拍摄轨迹及范围。

原创 Cesium无人机实时视频投射及关键点拍照展示

接入实时无人机数据，进行无人机作业时的web端三维展示

原创 Cesium 加载模型不显示

先说下背景：项目用vue2 + Cesium来搭建的框架，然后在里面加载了OSGB转的3dtiles，转化工具为Cesiumlab。但是加载的这个3dtiles无论如何都不显示，当地图移动时就报错，报错截图如下：查了下这个Draco是个模型压缩工具，在3dtiles里压缩了.b3dm以及i3dm。然后猜了下原因：1、Cesium版本问题2、Vue2 + Cesium集成问题3、模型本身问题4、模型发布问题针对上述三个猜想我进行了一下论证： 首先我用原始的H5 + Cesiu

原创 Cesium 地图分级分片显示

要求：页面加载时展示中国范围地图；双击局部缩放到局部范围，并且不展示中古地图；局部地图缩放到一定层级，加载在线地图以提高地图精度；一级：二级：三级：三级为互联网在线地图关于地球的隐藏设置：以上前两级的时候，我们都没展示Cesium的球，所以要对Cesium的球做一个隐藏，以下是部分代码：viewer.scene.globe.showGroundAtmosphere = falseviewer.scene.skyAtmosphere.show = false...

原创 Cesium 解决两个billboard重叠问题

有时我们会在同一个坐标点叠加两个图片，但是Cesium中没有z-index的概念，因为cesium中是利用深度来区分先后的，所以这两个图片的层级关系我们控制不了，会出现一个图片被另一个遮挡的情况。针对这种情况，我采用了canvas将两个图片合并成了一个，然后添加这新的图片到地图上即可。注意下，这个合并图片的过程是异步的，所以有些操作要在回调里写。一下晒出代码及效果：合并后如下：代码如下：// 合并图片drawAndShareImage(bgsrc, src, fun) { ...

原创 Cesium + shp + wfs进行分户单体化

案例地址：分层分户单体化（http://47.117.134.108:9009/singleRoom/index.html#close）最近应客户需求，写了个分户单体化的案例，一直以来做分户单体化都是单体化中的一个难点，因为分户数据太难处理了。此次结合shp数据做了个分户，案例里面的数据是我本地化了数据，实际开发过程中可以结合geoserver，将shp数据进行发布，通过查询，来获取shp数据里的信息。这样有个好处，就是大量shp的分户数据我都可以加载，也有个缺点，就是每次查询可能要等待下。此.

原创 安卓原生集成Cesium

原创 Cesium 自定义弹窗聚合

拓展了cesium的聚合，自定义聚合的样式。非聚合状态下，弹窗自动显示，聚合状态下，弹窗消失。非聚合状态：部分聚合状态下：全部聚合状态下：

原创 全景三维展示

以前做的都是实景三维，基于osgb之类数据做的，最近没事儿帮人做了个全景+实景的三维，目前只出来了个全景效果。先晒一下：一般全景数据看起来舒服一点，更真一点 后续再展示更多效果吧...

原创 全国30m地形切片

花了半个多月终于弄好了这个全国30m的tif切的地形数据，可支持Cesium直接加载。压缩后110G左右，解压后大概200G。想做地形数据离线的可以用一下，现在有12.5m的数据，但是全国的太大了，就没处理。有相关需求的可以私我。...

原创 模型实时姿态展示（无人机实时姿态）

经常我们项目中要实时展示模型的位置、轨迹以及姿态（包括仰俯角、翻滚角、偏航角）等。具体实时位置及轨迹的展示可以参考：https://blog.csdn.net/caozl1132/article/details/106377881下面是实时姿态的展示：某刻姿态：下一刻：这里不仅要做到姿态的切换，还得注意切换过程中的平滑，不能出现闪烁抖动问题。...

原创 Cesium 叠加矢量数据（路网、水系等）

这个是我下载的全国铁路数据，做了相关处理，然后叠加到了地图上，其中铁路线及名称的样式均可调整。一般像示量数据的叠加，我们分两种方式：1、切片。2、geojson的方式叠加。两种方式的优缺点：切片：可以添加大数据量的示量数据而不会卡顿，但是没法查询相关信息及绑定相关弹窗之类的操作。geojson：大数据量卡顿，但是可以添加相关属性并绑定弹窗、点击等操作。...

原创 Cesium 解析gps设备协议 接入硬件设备

最近帮一个客户接入了车辆gps定位设备，主要是解析了gps的协议，然后在地图上进行实时位置展示以及展示历史轨迹等。

原创 Cesium 地图遮罩 局部突出

这个是简单的局部效果，更炫酷的可以看下https://blog.csdn.net/caozl1132/article/details/107999544

原创 Cesium 以某点为中心 计算一定距离及角度的点坐标（正多边形绘制）

之前写的了 有人问 就发大家看下吧

原创 学无止境，打算停更一段时间

最近Cesium推出了Cesium for unreal，结合了ue4，后面一段时间，会沉下心来研究下这块的东西，所以会停更一段时间博客。当然如果研究过程中有什么心得，或者踩了什么坑，还是会尽量分享给大家的，感谢大家一段时间来的关注，我还会回来的=。=。学习路上，有你有我，砥砺前行-- go！...

原创 Cesium shp文件入库及单体化编辑（待续。。）

需求：给定shp，结合osgb实现单体化，在三维界面内对shp单体化的数据可以编辑、保持、删除等。先说下难点：1、客户给定的shp里包含了大量的面状数据，大小为一个一线城市的全部面状数据约50000条，如此多的数据如果一次性加载势必会造成cesium的卡顿。2、如何对cesium加载的数据进行属性编辑、面的坐标编辑等。何时保存到后台等。解决办法：shp数据入库（或geoserver发布wfs服务）、分片加载、优化已有的编辑类库（自己框架）。以上就是实现了对shp的..

原创 Cesium 风向图

原创 Cesium 关于模型位置、大小、方向等调整

有时我们在项目里加载一个3dtiles模型但是总是调整不到对应的位置上去，如果我们靠修改代码里的参数一点点儿的挪，效率就太低了，针对这种情况我单独开发了一个页面来进行模型的调整。以下是界面：此处借用了火星的地形及案例里的模型（表示感谢，如有侵权，请告知修改）。先说下这个界面为什么要这样设置：本页面主要设置了两个模块 地形模块及模型模块为什么此处要对地形还做这么多的选项呢？在开发的过程中，一般在不同的地形上，模型的设置高度是不一样的。此处我设置了三种地形，第一种火星地形是火星服务器上的地形

原创 Cesium 设置entity的姿态及获取entity的hpr（仰俯角、偏转角、翻滚角）

经常我们会碰到要实时设置entity的姿态，而官方的api也提供了这个参数--orientationvar orientation = Cesium.Transforms.headingPitchRollQuaternion(position, new Cesium.HeadingPitchRoll(heading, pitch, roll));但是有时呢 我们需要反过来，比如通过orientation来计算hpr，如下：1、由四元数计算三维旋转矩阵var mtx3= Cesium.