cesium设置线贴地和开启地形深度检测

最新推荐文章于 2024-04-28 18:09:20 发布
最新推荐文章于 2024-04-28 18:09:20 发布
阅读量8.9k 收藏 9
点赞数 8
分类专栏： Cesium开发
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43310551/article/details/87695885
版权

ps :cesium各个版本下载 https://cesium.com/downloads/cesiumjs/
一、clampToGround属性设置线是否贴地，默认为flase,不贴地
在这里插入图片描述

在这里插入图片描述

二、开启地形深度检测

ex： viewer.scene.globe.depthTestAgainstTerrain = true; //默认为false
开启地形检测后，会计算其他地理要素和地形之间的遮挡关系。未开启时，将会出现场景变化时，地物位置显示不正确。

江南Code
关注
  • 8
    点赞
  • 踩
  • 9
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
专栏目录
CesiumJS【Basic】- #015 深度测试对渲染的影响
AlanL的专栏
06-26 190
深度测试对渲染的影响
iclient for cesium 绘制贴对象线开挖（倾斜+地形）
06-22
iclient for cesium 绘制贴对象线开挖（倾斜+地形） 同事写的，官网的drawhandler设置贴对象无用，可以先用这个替代。
Cesium基础-判断鼠标当前位置是地形还是模型
lying_19的博客
03-11 2364
Cesium判断鼠标位置是地形还是模型。
Cesium 开启深度测试
跃然实验室
05-20 6434
viewer.scene.globe.depthTestAgainstTerrain = true; 为true时，球体会有高程遮挡效果（在没有地形时候也会有高程遮挡效果）。 ----------------- 在config文件中 "style": { "atmosphere": true, "lighting": false, "fog": false, "testTerrain...
04、深度检测
qq_38956940的博客
01-24 1936
深度检测 1、开启深度检测 // 开启深度检测，默认是关闭的 viewer.scene.globe.depthTestAgainstTerrain = true; 2、不开启的后果 地球上的 entity 会 强制绘制、显示 出来而不管是否有遮盖，导致少量位移误差 Cesium 拾取鼠标坐标不准 scene.pickPosition：有地形数据时，这结果不太准确，需要开启 深度检测 globe.pick：准确度较高 这会导致：用鼠标绘制点、线、面 的时候根本拾取不到正确的坐标，导致坐标点严
Cesium 中depthTestAgainstTerrain的作用
ailangqinghe的博客
05-12 3187
需要注意的是，开启depthTestAgainstTerrain会增加GPU的负担，因为Cesium需要额外的计算来检查地形是否应该遮挡某个三维模型或其他可视化元素。如果您的场景中没有地形或者您不需要考虑地形对可视化元素的遮挡效果，可以将depthTestAgainstTerrain设置为false，从而提高性能。如果将这个属性设置为false，那么地形不再会影响三维模型和其他可视化元素的深度测试结果，这可能会导致三维模型和其他可视化元素穿透地形。
cesium根据坐标位置获取地形高度（cesium篇.64）
地图之家
12-06 2177
听老人家说：多看美女会长寿 地图之家总目录（订阅之前建议先查看该博客） 文章末尾处提供保证可运行完整代码包，运行如有问题，可“私信”博主。 效果如下所示： 下面献上完整代码，代码重要位置会做相应解释 <html lang="en"> <head> <meta charset="UTF-8"/> <script src="Build/Cesium/Cesium.js"></script> <link rel="st
Cesium在线影像服务和地形服务
sinat_41537539的博客
06-24 2288
Cesium在线影像服务和地形服务 1.地图影像服务 var viewer = new Cesium.Viewer('cesiumContainer',{ imageryProvider: new Cesium.UrlTemplateImageryProvider({ url: "http://mt1.google.cn/vt/lyrs=s&hl=zh-CN&x={x}&y={y}&z={z}&s=Gali" }) })
Cesium贴地线实现
09-03
Cesium-1.35 下测试通过，通过逐点计算高程完成贴地，效率比较低，也算一种实现方式。
cesium贴地贴模型绘制示例，html,三维开发实例 前端开发
05-21
Cesium中的贴地贴图（Ground Overlay）功能允许开发者在地球上覆盖图像，这些图像可以是卫星影像、地图或者任何其他与地形匹配的图片。要实现贴地贴图，你需要创建一个`Cesium.GroundOverlay`对象，并提供源图像URL...
Cesium 测量贴地 点、线、面、园
04-10
在本项目中，我们主要探讨的是使用Cesium进行地理空间数据的测量，包括点、线、面和圆的测量功能。Cesium是一个强大的开源JavaScript库，用于创建交互式的3D地球浏览器，它广泛应用于Web GIS领域。Vue.js是前端开发...
cesium地形开挖，坑底和坑壁贴图
11-16
在本文中，我们将深入探讨“cesium地形开挖，坑底和坑壁贴图”的相关知识点。 首先，Cesium的地形开挖功能是通过修改地形表面的高度来实现的。这通常涉及到两个主要步骤：一是生成开挖区域的几何形状，二是将这个...
Cesium教程(四)：调用地形服务
WwLK123的博客
05-23 1054
高精度全球地形数据，附有光照和水面效果。地形切片使用quantized-mesh v1.0格式，Cesium使用。添加之后可以看到已经有这 个数据，记住左侧的ID为1，后面需要用到。：光滑椭球体，这是Cesium默认的全球地形，地形高度为0，没有任何起伏效果。首先到Cesium Ion，也就是生成令牌Token的页面，打开Asset Depot。：通过Google Earth的高程地图方式生成地形，Cesium中使用。Cesium提供了多种现有地形数据服务接口，并且支持自定义地形数据。
【cesium-1】cesium地形、地图加载
WXG1011的博客
12-06 1539
cesium基础篇
Cesium-鼠标拾取椭球、地形、模型坐标点详解
Apple_Coco的博客
09-25 1363
前言 获取椭球体表面的经纬度坐标（方法一） 获取椭球体表面的经纬度坐标（方法二） 获取地形表面的经纬度高程坐标（方法一） 获取地形表面的经纬度高程坐标（方法二） 获取模型表面的经纬度高程坐标（此方法借鉴于官方示例） 前言 Cesium 中的三维坐标可分为三种情况：椭球表面、地形和模型。 获取椭球体表面的经纬度坐标（方法一） var handler = new Cesium.ScreenSpaceEventHandler(viewer.scene.canvas); handler.setInputAc.
cesium贴地问题
新前端小白的博客
12-09 4238
cesium提供了常用实体对象的贴地处理，设置完贴地属性，就会让对象显示在地形上，不会飘在空中，转动视野时随着视野移动。
CesiumForUnreal实现贴地面（SurfacePolygon）效果
专注GIS开发
04-02 4010
CesiumForUnreal实现贴地面效果
cesium 面贴地形
最新发布
pwl124的博客
04-28 234
cesium 面贴地形
cesium设置plane面贴地属性的代码
05-27
在 Cesium 中，要设置 plane 面贴地属性，可以在创建 `GeometryInstance` 对象时设置 `modelMatrix` 属性。具体代码如下： ``` var planeGeometry = new Cesium.PlaneGeometry({ vertexFormat: Cesium.VertexFormat.POSITION_ONLY, }); var planeInstance = new Cesium.GeometryInstance({ geometry: planeGeometry, modelMatrix: Cesium.Transforms.eastNorthUpToFixedFrame(position), }); var planePrimitive = new Cesium.Primitive({ geometryInstances: planeInstance, appearance: new Cesium.MaterialAppearance({ translucent: true, material: new Cesium.Material({ fabric: { type: "Color", uniforms: { color: new Cesium.Color(1.0, 0.0, 0.0, 0.5), }, }, }), }), }); viewer.scene.primitives.add(planePrimitive); ``` 在上面的代码中，`modelMatrix` 属性使用 `Cesium.Transforms.eastNorthUpToFixedFrame(position)` 方法设置为 `position` 的东北天坐标系。这样，创建的 plane 对象就会自动贴在地形表面上。同时，`appearance` 属性使用 `Cesium.MaterialAppearance` 类型，并设置 `translucent` 属性为 `true`，表示可以透视渲染，实现半透明效果。 如果需要调整 plane 的高度，可以在 `modelMatrix` 中通过 `Cesium.Matrix4.multiplyByTranslation` 方法添加一个偏移矩阵来实现。例如，将 `position` 坐标的高度增加 100 米，代码如下： ``` var planeInstance = new Cesium.GeometryInstance({ geometry: planeGeometry, modelMatrix: Cesium.Matrix4.multiplyByTranslation( Cesium.Transforms.eastNorthUpToFixedFrame(position), new Cesium.Cartesian3(0.0, 0.0, 100.0), new Cesium.Matrix4() ), }); ``` 上述代码中，将 `Cesium.Transforms.eastNorthUpToFixedFrame(position)` 方法返回的矩阵与一个偏移量 `(0.0, 0.0, 100.0)` 相乘，得到新的 `modelMatrix` 矩阵。这样创建的 plane 对象就会高出地形表面 100 米。
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值