cesium实现三维空间量测功能

文章目录

1.实现效果
2.实现方法
- 2.1UI界面设计
- 2.2功能调用

Cesium实战系列文章总目录：传送门

1.实现效果

2.实现方法

参考csdn博客：参考博客
参考github开源代码：插件源码
具体实现包括UI介绍设计、measure.js插件库引入及使用等。

2.1UI界面设计

使用前端开源UI框架layui，三维量测面板设计代码如下：

 <!-- 三维量测控件面板 --><div class="layui-card" id="measurePanel"><div class="layui-card-header">三维量测面板</div><div class="layui-card-body"><div>量测：<button type="button" class="layui-btn layui-btn-sm">不贴地</button><button type="button" class="layui-btn layui-btn-sm">空间距离</button><button type="button" class="layui-btn layui-btn-sm">空间面积</button><button type="button" class="layui-btn layui-btn-sm">三角量测</button></div><br><div>清除：<button type="button" class="layui-btn layui-btn-primary layui-btn-sm">清除量测</button></div></div></div>

插件显示面板样式：

/* 三维量测面板样式 */#measurePanel {position: absolute;top: 2%;left: 40%;background-color: rgba(255, 255, 255, 0.5);border-radius: 2%;
}

2.2功能调用

需要使用jQuery，引入cesium-measure.js文件后，直接调用即可。

// 三维量测插件（github上的Cesium-measure插件）
let measure = new Cesium.Measure(viewer);
let clampToGround = true;
$('.layui-card-body button').on('click', function() {let text = $(this).text();if (text) {switch (text) {case '不贴地':clampToGround = false;break;case '空间距离':measure.drawLineMeasureGraphics({clampToGround: clampToGround,callback: () => {}});break;case '空间面积':measure.drawAreaMeasureGraphics({clampToGround: clampToGround,callback: () => {}});break;case '三角量测':measure.drawTrianglesMeasureGraphics({callback: () => {}});break;case '清除量测':measure._drawLayer.entities.removeAll();break;}}
});

cesium实现三维空间量测功能相关推荐

Cesium开发工具篇 | 04量测工具与调试面板
本节我们讲一下Cesium中常用的测量工具和针对开发人员使用的调试工具. 量测工具量测工具可以说,不管是二维GIS还是三维GIS中都必须具备的功能,只不过是在空间上是否有贴地.是否有高度上的距离差别 ...
iPhone X搭载3D感测功能，VCSEL是个什么鬼?
苹果为迎接iPhone问世10周年,推出了许多重大更新. 由于新一代iPhone取消了Home键,在屏幕上进行指纹识别的技术又尚难克服,加上苹果2013年并购PrimeSense获得3D感测技术,新一 ...
3D视觉创新应用（三维重建）竞赛作品系列——人体三维精准量测与动作捕捉
一.背景介绍 1 项目背景与国内外研究现状 1.1 项目背景分析近年来,RGB-Depth(RGB-D)传感器,如Kinect V1,和Structure Sensor等,在室内即时定位与地图构建应 ...
西门子1200PLC模拟量测温案例
基于西门子1200PLC模拟量测温案例一.任务目标该任务是功能指令应用案例,使用功能指令有助于我们理清编程思路.本任务使用了标准化及缩放指令,在实际应用中这两个指令应用非常广泛.本任务除了指令的解 ...
西门子1200PLC模拟量测温案例1
基于西门子1200PLC模拟量测温案例一.任务目标该任务是功能指令应用案例,使用功能指令有助于我们理清编程思路.本任务使用了标准化及缩放指令,在实际应用中这两个指令应用非常广泛.本任务除了指令的解 ...
农业灌区量测水流量在线监测系统解决方案
一.方案背景我国是传统农业大国,农业灌溉用水占据了社会总用水量一半以上.当前许多灌区现代化水平偏低,缺乏科学的监管手段,落后的水量测量方法给灌区水资源造成极大的浪费.针对这种情况设计的农业灌溉用水流 ...
2021-2022年新版监控量测软件边坡，基坑，隧道监测系统
一. 软件主要功能及优点 (1) 隧道监控量测数据处理软件可读取隧道全站仪.水准仪等监测数据,自动识别数据类型,自动填写到绘图表格中,然后通过软件读取表格数据,自动编制包含曲线图.数据表的监控量测报 ...
2021全新工程隧道监控量测系统，持续更新中！
一. 软件主要功能及优点 (1) 隧道监控量测数据处理软件可读取隧道全站仪.水准仪等监测数据,自动识别数据类型,自动填写到绘图表格中,然后通过软件读取表格数据,自动编制包含曲线图.数据表的监控量测报 ...
IEC 61968 和 IEC 61850 量测模型的差异性分析（论文学习）
引言 IEC 61968与IEC 61850融合问题的提出最初是因为基于IEC 61850标准的变电站与基于IEC 61970/IEC 61968标准的控制中心之间存在大量的信息交互和共享(包括配置信 ...

cesium实现三维空间量测功能

文章目录

1.实现效果

2.实现方法

2.1UI界面设计

2.2功能调用

cesium实现三维空间量测功能相关推荐

最新文章

热门文章