Cesium基于DEM剖面分析

最新推荐文章于 2025-04-13 23:22:36 发布

Oxygen_liu

最新推荐文章于 2025-04-13 23:22:36 发布

阅读量836

点赞数 1

分类专栏： Cesium TS 文章标签： javascript vue

本文链接：https://blog.youkuaiyun.com/qq_41400354/article/details/122970611

版权

TS 同时被 2 个专栏收录

25 篇文章

订阅专栏

Cesium

18 篇文章

订阅专栏

该博客介绍了如何在Cesium中通过插值运算获取两点间的多个点，并结合地形坐标查询获取高度，进而描绘出两点间地形的高低变化情况。关键步骤包括点的插值计算和使用Cesium的sampleTerrainMostDetailed方法获取高度信息。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Cesium中两个点之间地形的高低分析

tip:利用两个点之间做插值运算出多个点然后再利用地形坐标查询获取高度，可以绘制出区间内的高低走势。
关键代码：
1、点之间做插值运算

const startPoint = car3ToLatLon(points[0])
const endPoint = car3ToLatLon(points[1])
 const pointSum = this.pointsNum; //取样点个数
 let heightArr = []
 let pts:[number, number][] = []
 let offset,x,y;
 for (let i = 0; i < pointSum; ++i) {
     offset = i / (pointSum - 1);
     //做插值
     x = Cesium.Math.lerp(startPoint.lon, endPoint.lon, offset);//插值
     y = Cesium.Math.lerp(startPoint.lat, endPoint.lat, offset);//插值
     pts.push([x, y]);
 }

2、做地形高度查询

// 查询地图的地形高度
const terrainProvider= Cesium.createWorldTerrain({
    requestVertexNormals: true
})
const positions = pts.map((d: [number, number])=> Cesium.Cartographic.fromDegrees(...d))
//根据地形计算某经纬度的高度
var promise:any = Cesium.sampleTerrainMostDetailed(terrainProvider, positions);
(<any>Cesium).when(promise, ()=> {
    const heightArr = positions.map(d => ({
        hei: d.height, 
        lon: Cesium.Math.toDegrees(d.longitude), 
        lat: Cesium.Math.toDegrees(d.latitude)
    }))
    console.log(heightArr)//插值的经纬度以及高度 
})