在Cesium中,对于terrain地形、3dtiles模型、gltf模型的高度采样是一个很基本的功能,基于此,可以做一些深度应用,而Cesium已经帮我们提供了相应的API,在这里,我帮大家总结一下,如果遇到了,可以当做帮助文档随时浏览。

terrain地形 高度采样(API: Cesium.sampleTerrainMostDetailed)

通过两点决定一条直线,求取这条直线在地表高度

  • var start = Cesium.Cartesian3.fromDegrees(114, 30);
  • var end = Cesium.Cartesian3.fromDegrees(115, 30);
  •  
  • var positions = [Cesium.Cartographic.fromCartesian(start)];
  • // 插值100个点(自定义)
  • var count = 100;
  • for (var i = 1; i < count; i++) {
  • var cart = Cesium.Cartesian3.lerp(start, end, i / count, new Cesium.Cartesian3());
  • positions.push(Cesium.Cartographic.fromCartesian(cart));
  • }
  • positions.push(Cesium.Cartographic.fromCartesian(end));
  •  
  • var promise = Cesium.sampleTerrainMostDetailed(terrainProvider, positions);
  • Cesium.when(promise, function (updatedPositions) {
  • // 每个点的高度
  • var height = [];
  • for (var i = 0; i < updatedPositions.length; i++) {
  • height.push(updatedPositions[i].height);
  • }
  • }

3dtiles模型 高度采样(API: Scene.clampToHeightMostDetailed)

  • var start = new Cesium.Cartesian3(1216467.760147752, -4736154.3567799, 4081478.9167016773);
  • var end = new Cesium.Cartesian3(1216183.8039071201, -4736456.592237458, 4081200.6372076278);
  • // 插值100个点
  • var count = 100;
  • var positions = [];
  • for (var i = 0; i <= count; i++) {
  • positions.push(Cesium.Cartesian3.lerp(start , end , i / count, new Cesium.Cartesian3()));
  • }
  • scene.clampToHeightMostDetailed(positions).then(function (clampedCartesians) {
  • // 每个点的高度
  • var height = [];
  • for (var i = 0; i < count; ++i) {
  • height.push(Cesium.Cartographic.fromCartesian(clampedCartesians[i]).height);
  • }
  • }

gltf模型 高度采样(API: Scene.sampleHeightMostDetailed)

更多详情见下面链接文章

Cesium专栏-terrain地形、3dtiles模型、gltf模型 高度采样

对本专栏感兴趣的话,可以关注一波

Cesium专栏-terrain地形、3dtiles模型、gltf模型 高度采样的更多相关文章

  1. Cesium 生成terrain地形数据----CTB方式及步骤

    背景:项目前端使用Cesium,地形服务一直使用外网的,常常因为翻墙访问的问题,导致地形数据取不到,进而导致地球不能加载,故决定搭建自己的地形服务,彻底解决这个问题.博文包含以下几个过程: 下载原始地 ...

  2. cesium加载gltf模型点击以及列表点击定位弹窗

    前言 cesium 官网的api文档介绍地址cesium官网api,里面详细的介绍 cesium 各个类的介绍,还有就是在线例子:cesium 官网在线例子,这个也是学习 cesium 的好素材. 之 ...

  3. Cesium 加载 gltf 模型

    var viewer = new Cesium.Viewer('cesiumContainer', { /*帮助*/ navigationHelpButton: true, baseLayerPick ...

  4. cesium加载gltf模型

    cesium加载gltf模型 一.采用vue-cesium:在项目里加载依赖包.命令如下: npm i --save vue-cesium 在main.js中加入如下代码: https://www.n ...

  5. Cesium专栏-大量gltf三维模型加载

    Cesium 是一款面向三维地球和地图的,世界级的JavaScript开源产品.它提供了基于JavaScript语言的开发包,方便用户快速搭建一款零插件的虚拟地球Web应用,并在性能,精度,渲染质量以 ...

  6. Cesium专栏-地形开挖2-任意多边形开挖(附源码下载)

    “任意多边形地形开挖” 是“地形开挖”的补充篇,在这节里,我们介绍关于如何使用任意多边形对地形进行开挖,同时,由于有不少小伙伴也咨询了关于“地形开挖”篇后序内容中的填充地形的效果,之前没放出来,是想让 ...

  7. GLTF模型查看器---优化器【转】

    https://blog.csdn.net/weixin_43081805/article/details/88743277 Clay Viewer(我只想说好用,直接可以导出gltf的二进制glb格 ...

  8. vue中加载three.js的gltf模型

    vue中加载three.js的gltf模型 一.开始引入three.js相关插件.首先利用淘宝镜像,操作命令为: cnpm install three //npm install three也行 二. ...

  9. 【百奥云GS专栏】全基因组选择之模型篇

    目录 1. 前言 2. BLUP方法 ABLUP GBLUP ssGBLUP RRBLUP 3. 贝叶斯方法 BayesA BayesB BayesC/Cπ/Dπ Bayesian Lasso 4. ...

随机推荐

  1. xpath选择兄弟节点、返回上一级和选择多个属性

    本文链接:https://blog.csdn.net/ZincZhang/article/details/80248297选择兄弟节点选择前N位的div标签 preceding-sibling::di ...

  2. vscode vue模版

    { "Print to console": { "prefix": "vue", "body": [ "< ...

  3. Android利用碎片fragment实现底部标题栏(Github模板开源)

    在安卓开发当中,一个十分重要的布局则是底部标题栏了,拥有了底部标题栏,我们就拥有了整个软件UI开发的框架,一般而言,整个软件的布局首先就是从底部标题栏开始构建,然后再开始其他模块的编写,组成一个完善的 ...

  4. 英语口语考试资料Food

    新东方推荐文章:Food and Health The food we eat seems to have profound effects on our health. Although scien ...

  5. Docker部署Mysql集群

    单节点数据库的弊病 大型互联网程序用户群体庞大,所以架构必须要特殊设计 单节点的数据库无法满足性能上的要求 单节点的数据库没有冗余设计,无法满足高可用 单节点MySQL的性能瓶领颈 2016年春节微信 ...

  6. for循环使用element的折叠面板遇到的问题-3

    需求:for循环渲染上去的表单怎么使用element的表单校验 之前做这个的时候,死活绑不上去,不知道哪里出了问题,后来解决办法是prop要注意用拼接,使它和索引的变量一致 <el-form-i ...

  7. C#开发安卓自学笔记1

    今天开始研究了下C#开发安卓,刚开始什么都不懂,学过安卓的同学们也是用Java开发的,虽然两者开发差别不大,但是还是有差别的 // Set our view from the "main&q ...

  8. IOS UIAlertView(警告框)方法总结

    转自:my.oschina.net/u/2340880/blog/408873?p=1 IOS中UIAlertView(警告框)常用方法总结 一.初始化方法 - (instancetype)initW ...

  9. react-native scrollview触摸滚动事件

    目录 1.几个已知的滑动或者滑动开始结束的方法: 2.还有其他的一些事件如下 3.下面就这些方法的顺序做个简单的介绍: 4.android上的时间分为两种,一个是滑动一次,一个是连续滑动两次甚至多次, ...

  10. 压缩感知重构算法之CoSaMP算法python实现

    压缩感知重构算法之OMP算法python实现 压缩感知重构算法之CoSaMP算法python实现 压缩感知重构算法之SP算法python实现 压缩感知重构算法之IHT算法python实现 压缩感知重构 ...