cesium中3dtiles贴地问题设置

这篇具有很好参考价值的文章主要介绍了cesium中3dtiles贴地问题设置。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

当我们转换得到3dtiles格式数据后,将数据添加到cesium中: 

tileset = new Cesium.Cesium3DTileset({ 
              url: "./tileset.json",  //文件路径
          }); 
viewer.scene.primitives.add(tileset); 

 模型可能出现以下不贴地的情况:cesium3dtileset 贴地,cesium,3dtiles,3d,javascript

对于此类问题,解决办法参考如下:

tileset.readyPromise.then(function(tileset) {
            //高度偏差,正数为向上偏,负数为向下偏,根据真实的模型位置不断进行调整
            var heightOffset = -210;
            //计算tileset的绑定范围
            var boundingSphere = tileset.boundingSphere;
            //计算中心点位置
            var cartographic = Cesium.Cartographic.fromCartesian(boundingSphere.center);
            //计算中心点位置坐标
            var surface = Cesium.Cartesian3.fromRadians(cartographic.longitude, 
cartographic.latitude, 0);
            //偏移后的三维坐标
            var offset = Cesium.Cartesian3.fromRadians(cartographic.longitude, 
cartographic.latitude, heightOffset);
            var translation = Cesium.Cartesian3.subtract(offset, surface, new Cesium.Cartesian3());
            //tileset.modelMatrix转换
            tileset.modelMatrix = Cesium.Matrix4.fromTranslation(translation);
}

模型定位:

viewer.zoomTo(tileset);

修改后,模型贴地显示如下(设置不同的偏移量可以获得不同高度的模型): 

cesium3dtileset 贴地,cesium,3dtiles,3d,javascript文章来源地址https://www.toymoban.com/news/detail-516157.html

到了这里,关于cesium中3dtiles贴地问题设置的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • Cesium 3dtiles数据下载 3DTiles

     http://chenjiamian.me/mars3d-max-shihua-3dtiles/ 预览 GitHub - CHENJIAMIAN/mars3d-max-shihua-3dtiles: 3DTiles数据下载 | 预览:http://mars3d.cn/editor-vue.html?id=layer-tileset/style/custom-style | 23Mb https://github.com/CHENJIAMIAN/mars3d-max-shihua-3dtiles/archive/refs/heads/master.zip  

    2024年02月13日
    浏览(45)
  • 前端VUE框架通过Cesium加载3dtiles,计算3dtiles的面积

    前端VUE框架通过Cesium加载3dtiles,计算3dtiles的面积完整代码 前端开发中,使用Vue框架可以帮助开发者更高效地开发复杂的Web应用程序,并且越来越多的项目开始集成三维地球数据可视化。Cesium是一个开源的JavaScript库,可以轻松地实现地球数据的可视化,同时支持3D场景的绘制

    2024年02月08日
    浏览(56)
  • Cesium 3Dtiles偏移调整

    Cesium 3Dtiles偏移调整可以通过以下步骤进行: 根据前后经纬度和高度计算变换矩阵-平移矩阵: step1: 根据tileset的边界球体中心点的笛卡尔坐标得到经纬度坐标。 step2: 根据经纬度和高度0,得到地面笛卡尔坐标。 step3: 根据经纬度和需要的高度,得到偏移后的笛卡尔坐标。 st

    2024年01月25日
    浏览(45)
  • cesium加载三维模型3dtiles

    目的:为避免跨域 输入cmd命令 python3 -m http.server 5500 http://127.0.0.1:5500/data/mars3d-max-shihua-3dtiles-master/tileset.json http://127.0.0.1:5500/cesium/cesium%E5%8A%A0%E8%BD%BD3dtile2.html

    2024年02月13日
    浏览(90)
  • Cesium入门之十:Cesium加载3DTiles数据

    3DTiles是一种面向网格化、可展示的大规模三维空间数据格式,专门为流式传输和渲染海量3D地理空间数据而设计的,用于存储和管理基于网格的三维模型数据。其数据结构基于B3DM和PNTS格式,可以支持多个级别的LOD,并使用Tilesets(瓦片集合)来组织和管理数据。3DTiles具有以

    2024年02月12日
    浏览(55)
  • 【Cesium】调整3dtiles模型的光照

    最近有个项目需要把掘进车放到巷道里面,加载出来的效果一片漆黑,看不清模型细节。  由于Cesium中材质没有自发光的设置,所以只能设置光源。 在网上查了一些代码,Cesium的光照效果的设置是通过webgl修改白膜的材质来实现的,由于巷道本身有贴图材质,用该方法实现的

    2024年02月11日
    浏览(52)
  • cesium加载3dtiles倾斜摄影数据

    效果如图 倾斜摄影数据的地址:百度网盘 请输入提取码 提取码:ztde 1.配置nginx,代理3dtiles倾斜摄影数据服务 如我的倾斜摄影数据放在D盘的某个文件夹里面,nginx可以这样配置    2.代码里面3dtiles的url指向倾斜摄影服务地址,同时配置一系列的参数 3dtiles的配置参数如下,可

    2024年02月11日
    浏览(50)
  • Cesium 中实现影像贴 3Dtiles

    Cesium 中我们经常使用的图层服务除了常见的遥感影像,还会包括一些矢量数据(如宗地范围、规划用地、道路信息等),这些图层服务通常经过 ArcGIS Server / GeoServer 之类的服务器渲染、切片供 Cesium 展示。 但在实际应用中会发现,这些图层服务的内容会被 3DTiles 遮盖(特别是渲染

    2024年02月08日
    浏览(31)
  • Cesium地图上加载3DTiles模型

    1,使用Blender创建模型: 官网下载Blender:https://www.blender.org/,在Github上下载Building Tools插件,通过编辑-偏好设置-插件-安装,导入压缩包使用,这个可以自己创建小房子,文件-导出为obj格式 2,将.obj转成3dtiles格式: 1,第一种方法通过加载本地文件展示: 1,github下载ObjTo3

    2024年02月03日
    浏览(46)
  • Cesium:3DTiles三维模型高度调整

            地形遮挡属性          如下两张图所示,输入高度值,根据需要调整模型高度。例如:针对近地面的管线数据,可能有一部分是埋在地下的,那么,如果开启了地形遮挡属性(即:设置为true,默认是false),那么,在进行场景渲染加载模型切片时,就会进行深度测

    2024年02月11日
    浏览(92)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包