cesium中级（二）获取地形高度

cesium获取地形高度实现地形贴地有多种方法：

sampleTerrain：获取不是很精确的地形高度
sampleTerrainMostDetailed：获取非常精确的地形高度
这两种方法使用的高度是cartographic。

通过sampleTerrainMostDetailed获取地形高度

sampleTerrainMostDetailed(terrainProvider, positions) → Promise.<Array.<Cartographic>>

terrainProvider的类型是TerrainProvider，positions是一个位置的数组，返回的是一个promise，是一个位置数组，位置具有高程值，即updatedPositions。

// Query the terrain height of two Cartographic positions
var terrainProvider = Cesium.createWorldTerrain();
var positions = [Cesium.Cartographic.fromDegrees(86.925145, 27.988257),Cesium.Cartographic.fromDegrees(87.0, 28.0)
];
var promise = Cesium.sampleTerrainMostDetailed(terrainProvider, positions);
Cesium.when(promise, function(updatedPositions) {// positions[0].height and positions[1].height have been updated.// updatedPositions is just a reference to positions.
});

lookAt的使用可以点击lookAt

 function() {var length = 1000;var startLon = Cesium.Math.toRadians(86.953793);var endLon = Cesium.Math.toRadians(86.896497);var lat = Cesium.Math.toRadians(27.988257);var terrainSamplePositions = [];for (var i = 0; i < length; ++i) {var lon = Cesium.Math.lerp(endLon, startLon, i / (length - 1));var position = new Cesium.Cartographic(lon, lat);terrainSamplePositions.push(position);}Cesium.when(Cesium.sampleTerrainMostDetailed(viewer.terrainProvider, terrainSamplePositions), function(samples) {var offset = 10.0;for (var i = 0; i < samples.length; ++i) {samples[i].height += offset;}viewer.entities.add({polyline : {positions : Cesium.Ellipsoid.WGS84.cartographicArrayToCartesianArray(samples),followSurface : false,width : 5,material : new Cesium.PolylineOutlineMaterialProperty({color : Cesium.Color.ORANGE,outlineWidth : 2,outlineColor : Cesium.Color.BLACK}),depthFailMaterial : new Cesium.PolylineOutlineMaterialProperty({color : Cesium.Color.RED,outlineWidth : 2,outlineColor : Cesium.Color.BLACK})}});var target = new Cesium.Cartesian3(300770.50872389384, 5634912.131394585, 2978152.2865545116);offset = new Cesium.Cartesian3(6344.974098678562, -793.3419798081741, 2499.9508860763162);viewer.camera.lookAt(target, offset);viewer.camera.lookAtTransform(Cesium.Matrix4.IDENTITY);});
}

步骤：

新建一个位置数组terrainSamplePositions ，用于存放轨迹路径的position
使用cesium.when(promise,[callback])来获取地形高度并进行下一步操作，比如将地形数据赋值到一个geometry上。

var promise = Cesium.sampleTerrainMostDetailed(viewer.terrainProvider, terrainSamplePositions);
Cesium.when(promise, function (samples) {
…
});

除了以上两种方法，还有clampToGround获取地形高度：

var options = {camera : viewer.scene.camera,canvas : viewer.scene.canvas,clampToGround: true //开启贴地};viewer.camera.flyHome(0);var a = viewer.dataSources.add(Cesium.KmlDataSource.load('../data/kml/test_geojson_test.kml', options));a.then( viewer.flyTo(a));a.then(function(dataSource) {var entities = dataSource.entities.values;for (var i = 0; i < entities.length; i++) {var entity = entities[i];// 设置每个entity的样式entity.billboard.disableDepthTestDistance = Number.POSITIVE_INFINITY; //去掉地形遮挡entity.billboard.color = Cesium.Color.WHITE;entity.billboard.image = '../data/kml/img.jpg';}});

cesium中级（二）获取地形高度相关推荐

Cesium 根据经纬度获取地形高程
标题 Cesium 根据经纬度获取地形高程 var positions = Cesium.Cartographic.fromDegrees(lon, lat); Cesium.when(new Ces ...
cesium获取模型高度_Cesium专栏-空间分析之剖面分析(附源码下载)
Cesium Cesium 是一款面向三维地球和地图的,世界级的JavaScript开源产品.它提供了基于JavaScript语言的开发包,方便用户快速搭建一款零插件的虚拟地球Web应用,并在性能,精 ...
【React】手写虚拟滚动组件（二）可自动获取不定高度的虚拟滚动组件
前言上次那篇写的虚拟滚动后来使用发现在某些情况并不是特别好用,并且只支持固定高度.我看了下umihook的虚拟滚动,发现也不是很好用,它支持手动设定每个元素高度,但也不能支持不定高度,而且限定更多了 ...
cesium实现二三维分屏地图同步效果
文章目录 1.实现效果 2.实现方法 2.1实现思路 2.2具体代码 Cesium实战系列文章总目录: 传送门 1.实现效果 2.实现方法实现方法与二维鹰眼地图类似,将二维地图与三维地图同步. 2. ...
Cesium入门-2-增加地形
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
第一章：Vue3.0+Openlayers+Cesium创建二三维联动项目
Vue3.0+Openlayers+Cesium创建二三维联动项目简介 Vue项目创建安装依赖框架结构地图加载显示效果结语简介大家好!从今天开始,我将分享我在GIS开发的过程中如何利用 ...
cesium中级（一）使用渐变纹理
官网实例在渲染地形的时候,我们会使用渐变的纹理,来表示不同的地形高度,官网给出的实例为:Globe Material var viewer = new Cesium.Viewer('cesiumCo ...
uniapp 获取页面高度及元素高度
一.获取页面高度通过uni.getSystemInfoSync()方法可以获取到系统信息,其中就包括了页面高度等信息. const { windowHeight } = uni.getSystemI ...
在html上js添加宽度,js 获取div高度并重新设置div高度与宽度
js 获取div高度并重新设置div高度与宽度 js 获取div高度并重新设置div高度与宽度 var $=function(id) { return document.getElementById( ...

cesium中级（二）获取地形高度

通过sampleTerrainMostDetailed获取地形高度

cesium中级（二）获取地形高度相关推荐

最新文章

热门文章