cesium 绘制面贴地形，超过一定高度面出现不完整现象

最新推荐文章于 2024-05-14 21:42:50 发布
最新推荐文章于 2024-05-14 21:42:50 发布
阅读量1.1k 收藏 1
点赞数 1
分类专栏： cesium 文章标签： javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/linxilinyu/article/details/127005609
版权

在地形上，绘制面状贴地数据 ,超过一定高度后图形消失；

解决方案：修改Cesium中的asset/approximateTerrainHeights.json文件

找到对应地形的瓦片地址，如图上6-105-23，

修改对应的阈值范围

 

 

成为先生
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
cesium贴地贴模型绘制示例，html,三维开发实例 前端开发
05-21
cesium贴地贴模型绘制示例，html,三维开发实例 前端开发
Cesium实现绘制贴地形线
gis_witch的博客
01-12 1854
本文主要介绍如何在三维场景中绘制贴地形模式的线实体。需要使用【include-cesium-local.js】开发库实现，关键接口为CesiumZondy.Manager.EntityController类提供的appendLine()方法，实现贴地形线的添加绘制；可通过removeEntity(entity)移除。 效果如下图所示： 实现步骤 1. 引用开发库： 引用开发库：本示例引用 local 本地【include-cesium-local.js】开发库，完成此步骤后才可调用三维 We.
【Cesium解读】Cesium中primitive/entity贴地
最新发布
警警的博客
05-14 2113
Cesium中primitive/entity贴地
Cesium加载geojson矢量面+拉伸为建筑体+贴TIN地形
cky_123的博客
02-23 5183
.shp矢量面数据如何在cesium中拉伸为建筑体显示并贴地
cesium贴地处理
qq_37828987的博客
01-29 2390
cesium贴地处理
Cesium绘制矩形并添加动态围墙效果
XFIRR的博客
10-02 704
我设置50的原因是发现大部分时候绘制的区域范围并不会太大或太小，但是这仅仅是一种折中的解决办法。面积如果很小，围墙就会很高。如果想绘制多个围墙但是不清除之前的可能就得自行研究一下了，最开始的时候也是可以实现的，只是我觉得GIS中似乎很难在一个上绘制那么多的区域，所以就把这个功能去掉了。)，那么只需要将几何体实例的最低生成高程设置为当前所选范围的的最低高程，最大高度设置为比最大高程高一些，就不会再出现遮盖的问题。代码中绘制的部分是参考了网上的其它代码的，我就不做过多赘述。
64.（cesium篇）cesium根据坐标位置获取地形高度.zip
06-13
该资源包的执行效果查看地址：...“地图之家”专栏中的“64.（cesium篇）cesium根据坐标位置获取地形高度”。如下载有问题，可联系博主。 解压密码：cesium
Cesium绘制点线面的工具封装
08-17
使用之前先看博客，里面有工具的介绍： Cesium 实战记录（四） 绘制点线面的工具封装 https://blog.csdn.net/KK_bluebule/article/details/126384623
Cesium 绘制缓冲区 点 线 面缓冲区
04-10
3. **面**：面的绘制通常涉及到多边形的创建，这可能是一个闭合的多边形或者一系列不闭合的线段。Cesium提供`PolygonGeometry`和`Polygon`类来实现这个功能。我们可以指定多边形的顶点数组，以及`PolygonHierarchy`...
Cesium动态绘制面，线，点.vue
09-17
c
cesium-地面裁剪(多个剪切面)
孙霸天的专栏
02-10 4272
cesium-地面裁剪(多个剪切面) 介绍 我之前的文章介绍过地面裁剪的实现，这里介绍一下裁剪多个面的方式。 Cesium自带的ClippingPlaneCollection只能实现单凸多边形挖除，为了实现多个面的裁切和简单凹多边形，这里我们需要修源码以提供支持。 在github中的问题讨论中已经有人实现了，实现方式需要重新打包源码 具体的详解 实现效果 源码打包 这里我使用的cesium源码版本为：1.79.1下载地址 打包工具使用的是webstorm node.js版本为14.17.5 替换
cesium实现绘制线、面贴地效果
兰小莫的博客
03-09 9334
此篇在vue里进行cesium整合开发，需要预备vue的开发基础。代码上本人也阅读了官网的例子，借鉴一部分，https://sandcastle.cesium.com/?src=Drawing%20on%20Terrain.html 主要思路如下： 1）鼠标左键单击事件发生，用两个数组来存点坐标 2）鼠标移动事件，利用两个数组长度比较，左键单击事件发生时，两个长度一样，move...
Cesium源码阅读
nmj2008的博客
02-05 1414
Cesium.js export var VERSION = '1.78'; export { default as ApproximateTerrainHeights } from './Core/ApproximateTerrainHeights.js'; export { default as ArcGISTiledElevationTerrainProvider } from './Core/ArcGISTiledElevationTerrainProvider.js'; export { ..
vue-cli加载不到dev-server.js的解决办法
yiyinerjin的博客
11-29 5810
在使用vue开发过程中，难免需要去本地数据地址进行请求，而原版配置在dev-server.js中，新版vue-webpack-template已经删除dev-server.js，改用webpack.dev.conf.js代替，所以 配置本地访问在webpack.dev.conf.js里配置即可。 #webpack.dev.conf.js //首先 // nodejs开发框架express，用
Cesium地形没加载出来？-可能是你相机视角选错了；Cesium 加载地形数据
qq290048663
07-06 1001
point，polygon，polyline，Cesium基础教程003-添加高德地图，魔卡托投影 mercator。point，polygon，polyline，Cesium基础教程003-添加高德地图，魔卡托投影 mercator。那么，你的地形数据，可能是由于你不知道人家是让什么地形起伏了，导致你的相机视角不知道调整到什么经纬度position，你该观察建筑物还是山。我这里是后来意识到，人家给了测试的地形数据坐标，那我直接相机设置即可。比如这里的：URL配置，姑且认为大家都是配置正确的；
Cesium 使用primitive绘制几何图形，相机拉近（视野放大），几何图形破损显示不完整
大大大大大碗面
05-07 8214
分析：此原因是因为地形导致，可以尝试将primitive设置高程（高度）如5000m，此时图形位置由于高于山峰等地形，图形可以显示完整。但是如果几何图形必须要贴地（高度为0m）呢？解决方法：1.设置scene.globe.depthTestAgainstTerrain = false;即不进行地形深度测试，也就忽略了地形。这时可以正常显示几何图形。2.使用GroundPrimitive。顾名思义，...
Cesium 元素贴地
爱学术的博客
03-13 2808
1. 隐藏地形深度 viewer.scene.globe.depthTestAgainstTerrain = false; 2. flat 设置为 true var temPrimitive = new Cesium.Primitive({ geometryInstances : tem_instances, appearance: new Cesium.PerInstanceColorAppea...
Cesium 源码解析 地球加载过程（一）
tianyapai的专栏
10-25 2219
Cesium
cesium绘制多边形高度
04-28
Cesium可以通过设置多边形的高度属性来绘制带有高度的多边形。具体实现步骤如下： 1. 创建多边形的顶点数组，包括经度、纬度和高度信息。 2. 创建多边形实例，并设置其位置、颜色等属性。 3. 创建多边形的属性，设置其高度为一个常量或使用高度数组来指定每个顶点的高度。 4. 将多边形属性绑定到多边形实例上。 5. 将多边形实例添加到场景中，即可看到带有高度的多边形。 下面是一个简单的示例代码，展示如何在Cesium中绘制带有高度的多边形： ``` // 创建多边形的顶点数组 var positions = Cesium.Cartesian3.fromDegreesArrayHeights([ 0.0, 0.0, 0.0, 10.0, 0.0, 1000.0, 10.0, 10.0, 2000.0, 0.0, 10.0, 3000.0 ]); // 创建多边形实例 var polygon = new Cesium.PolygonGeometry({ polygonHierarchy: new Cesium.PolygonHierarchy(positions), vertexFormat: Cesium.PerInstanceColorAppearance.VERTEX_FORMAT }); // 创建多边形的属性 var height = [0, 1000, 2000, 3000]; var polygonInstance = new Cesium.GeometryInstance({ geometry: polygon, attributes: { height: new Cesium.GeometryAttribute({ componentDatatype: Cesium.ComponentDatatype.FLOAT, componentsPerAttribute: 1, values: height }) } }); // 将多边形属性绑定到多边形实例上 var primitive = new Cesium.Primitive({ geometryInstances: polygonInstance, appearance: new Cesium.PerInstanceColorAppearance({ flat: true }) }); // 将多边形实例添加到场景中 viewer.scene.primitives.add(primitive); ``` 在上面的示例中，我们创建了一个四边形，每个顶点的高度都不同，随着位置的变化而有所不同。运行代码后，我们就可以在Cesium中看到带有高度的多边形了。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值