Cesium工具封装展示
Cesium基本工具封装展示很久没更新博客了,最近一段时间主要是忙着整理之前项目中实现的 Cesium 相关功能,结合 Vue 对这些工具进行封装,提供一个管理的工具条组件。能按照配置文件加载需要显示的工具,以及工具间的激活互斥。同时创建 Viewer 的时候,添加了一些辅助和美化。说了再多都没用,直接上链接 演示地址
演示中的模型是在群文件里面下载的,如有侵权请联系我,及时修改!
功能总览
先说一哈,视频很多,道友的流量记得备足!(视频的比gif还小,我用视频了)
整体界面界面上能到到,近地天空图我换成了蓝天白云(照片也是网上找的,很粗糙 O.o)。右下角添加了经纬度坐标以及当前的帧率显示。同时美化了鼠标操作以及修改了默认的操作按键顺序(右键《==》中键)。
雪效果
雨效果
空间测距
贴地测距
空间测面
贴地测面
高程测量
方位角测量
土方量测量
可视域分析
通视分析
缓冲区分析
日照分析
多边形视频融合
第一人称路径漫游
总结上面的功能很多都是按照 火星科技 里面的案例为原型来实现。还有 ...
Web端地图在线编辑总结
Web端地图在线编辑总结最近一年多一直在做高精地图在线编辑工具相关功能开发,较之前的地图数据应用展示方向,对我来说也算是一个新的开始。之前也只是知道编辑流程,但是没有真正实操过。加上博客也很久很久没更新了,趁着新版本提测后的空档期,总结一下在地图数据编辑方面所用的技术和一些注意点。
相关技术二维编辑在线二维地图编辑的主要技术,各位道友也都了解,主要是:
PostgreSql + PostGIS 空间数据库
Geoserver 地图服务系统
WFS 服务类型
OpenLayers 前端地图渲染框架
Turf 前端空间分析库
空间数据库空间数据库比关系数据库多了空间数据类型,空间查询,空间索引三个主要特征,除了PostgreSql, Mysql和Oracle也都有对应的空间扩展,具体使用哪个数据库,没有强制。还是根据自己的业务需求和相关技术储备为前提。当然Geoserver默认就自带可以连接PostgreSql数据库,不想麻烦直接使用PostgreSql就好。
地图服务系统能够发布 OGC Web标准服务的系统都可以作为地图服务端,比如 开源免费的Geoserver、中地的Ma ...
评论系统的变更
valine更改为waline评论系统在7月份的时候收到了一份邮件,是LeanCloud发来的,内容如下:而这个调整带来的后果就是 Valine + LeanCloud 搭建的评论系统以及相关的评论内容管理系统和邮件通知就无法使用了。就像这样的:本来想着等着网上有大佬发相关的解决方案,可能是我的搜索姿势不对,搜索结果还是之前的Valine +LeanCloud 搭建的评论系统教程,针对最新的问题并没有解决,所幸昨天换了一个搜索姿势,然后就看到了这个: (原文地址)
LeanCloud 国际版 IP 限制的这个事情,对 Waline 没有影像哈,Waline 是用 Vercel 访问的 LeanCloud,Vercel 是国外 IP 所以不受影响。
嗯?嗯!!!!这不就是解决方案嘛!哈哈哈,我感觉我血条又满了。
Waline一款基于 Valine 衍生的简洁、安全的评论系统。 这是官网的原话介绍,具体的信息道友们去官网查看就行了。Waline官网地址
使用Waline最最最最重要的一点是,之前Valine评论的内容会依然保留。不会出现换个评论系统,之前的评论记录就没了的尴尬情况。毕竟 ...
江湖再见-重新开始
江湖再见-重新开始
任何人的人生都可以在某一个时间点重新开始,比如现在。
决定过完春季开工的第二周,终于鼓起勇气提出离职了。
春节在家期间考虑了很久,毕竟毕业到现在马上工作满五年了,也刚结完婚,不能像之前随意折腾了。跟家人商量了很久,也得到了媳妇的支持后。终于还是决定离开郑州-这个生活了五年的城市,两个人一起去外地。
在上家公司工作差不多四年了,本以为离职会有些波折,所幸最后还是很顺利的。
22年的3月19号,我跟媳妇踏上了开往北京的火车。在高铁上看着手机之前的照片,看着那些日常生活的点点滴滴,满满的都是回忆,一切恍如隔日。
回忆17年毕业之后就从北京来到了郑州,这个之前听着熟悉却很陌生的城市。最开始我还是对郑州很期待的,因为当时那个她在这座城市。可能这就是所谓的爱屋及乌吧。
而在我满怀着期望去参加了一个大型人才招聘会之后,我对这个城市的好感下降了到地平线。我没想到的是招聘会的几十个招聘公司,有70% - 80% 都是招聘销售的。其中一个公司的人事,我从进门开始就一直跟着我说让我改行去做销售。等我转了一半的时候才放弃跟随我,当时只是觉得那个人事女生太执着。现在回头看 ...
Cesium系列(10)--三维双屏对比
Cesium双屏对比
距离上个博客更新已经过去两三个月了,期间前期一直忙着做项目,后面又是两三个项目一起改bug,改需求……。终于忙碌的日子里,今天能偷得半日闲,那继续开始修炼吧。
背景上个博客介绍了怎么用 OpenLayers 跟 Cesium 结合来现在二三维联动展示,在近期的项目中,有个需求是地下管网模型,跟倾斜模型同时展示效果图如下: 那用二三维联动就没法满足需求了。得是两个三维 Viewer 联动才行。
思路相比二三维根据获取当前屏幕范围来实现联动,双屏联动就相对简单些。可以利用 Viewer.camera.changed 事件来监听变换,然后获取当前的 Viewer.camera 的值,去更新另一个 Viewer 相机的位置。
Viewer.camera.setView({…})
监听变化的时候,需要调整一下 viewer.camera.percentageChanged的值,取值范围是 0~1,默认是 0.5。 越小,联动的越丝滑。我用的是 0.001,看起来相对丝滑些。
核心实现
给创建的两个Viewer.camera.changed ...
Cesium系列(9)--二三维联动
千言万语,道不尽那年那月。万水千山,隔不断缕缕师恩。
祝老师们节日快乐!您辛苦了!
Cesium + Openlayers 二三维联动
为何不用 Cesium 二维模式 Cesium 虽然支持二维模式,但它毕竟的专注方向还是在三维方面。在二维模式下,跟专注于做二维的 OpenLayers 或者 Leaflet,以及 二维起步,现在开始支持三维的 MapboxGL 相比。Cesium的二维模式,总感觉差了那么点意思。我在实际项目的使用中,用 Cesium 二维模式加载自己的切片服务,由于 Cesium 层级的概念,跟二维的层级概念有些区别。因此同样的服务,统一的比例尺下,看的效果 Cesium 总是有点差强人意。 看下对比效果: Cesium加载展示 Openlayers加载展示
所以项目中期,二维部分的功能用 Openlayers 代替了,说多了都是泪 o(╥﹏╥)o。
废话不多说,先看结果:
上菜
想体验的道友们,可以访问 这里。左侧工具条第三个。
原理
js动态创建二维地图容器。在三维界面左侧。调整宽度样式,整体 ...
Cesium系列(8)--自定义帧率显示
Cesium自定义帧率显示 Cesium 提供了不少用于调试的工具,特别方便在开发的时候使用。其中帧率显示特别方便我们对性能调试。因为帧率到了30以下就基 本会开始卡顿了。如果想一直显示帧率,直接用 Cesium 默认的话,有时候会跟我们的界面的整体风格不搭配。那么就得自定义来实现 了。
结果对比
看个动态的
因为用的是 **Cesium** 中的 **postRender** 监听事件,所以多少会跟自带的毫米值(ms)有点区别, 但是跟PFS值基本保持一致。而有参考价
值的主要是 FPS值,在实际使用中,这一点点的差距不会影响判断。
## 实现
代码的实现很简单,我也是在源代码中查找的,然后改了一下。
源代码 Source\Scene\PerformanceDisplay.js
代码修改
class CesiumFPSUtil { constructor(containerId) { this.id = containerId || "fpsdiv&q ...
我们结婚啦
我们结婚啦今天是我们结婚一个月纪念日,趁此机会记录一下我们结婚前的准备以及结婚时的点点滴滴,留作纪念。今天偷偷的给媳妇送了一束花到她公司,她还是很开心的,哈哈哈。
婚期经过两家人的商定,以及找的先生算的日子,婚期是定在了 2021年05月17号农历四月初六 。婚期定了之后,我们就开始为结婚忙碌了起来。
婚纱照婚纱照一天就拍完了,只是特别累。最后是想笑都笑不动了。虽然累, 但是挺开心的。发几张媳妇的照片 (#^.^#)
领证公司与公司之间的婚假不一样,我这边只有法定的三天假,好在之前攒的调休比较多。我媳妇那只能请七天,而且必须要有结婚证才能请假。本打算 520 去领证的,只能提前了。领证是在 0506五一假期结束的第一天,去了婚姻登记所之后通知先去复印证件。婚姻登记所旁边的打印店,对于结婚复印证件都免费。哈哈,祝愿老板生意兴隆。媳妇还细心的备了喜糖,给了老板跟登记的工作人员。复印完之后,我们开始登记,然后给了一份免费体检表,去医院体检完回来就可以直接领证啦。
这是婚姻登记处:
我们领证啦!
婚假因为17号就结婚了,还有好多事没准备。去公司上了两天班,期间还请了一天去办事,然后 ...