cesium使用Cesium3DTileset添加3dTiles模型

最新推荐文章于 2024-09-11 17:05:23 发布

打工人233

最新推荐文章于 2024-09-11 17:05:23 发布

阅读量478

点赞数 1

分类专栏： Cesium 文章标签： 3d 前端

本文链接：https://blog.csdn.net/zhaolifang_28/article/details/139628226

版权

Cesium 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

因为项目中有需要在三维地图添加模型的功能，因此记录下添加模型的方法。添加模型使用的是cesium的Cesium3DTileset方法。

代码如下：

          const tileseDntWater = new Cesium.Cesium3DTileset({
            url: 模型地址,  // 例如：XXX/DN/tileset.json"
            maximumMemoryUsage: 2048,
          });
           //下面代码可以设置模型的高程
          tileseDntWater.readyPromise.then(function () {
          var heightOffset = -500;  //修改值可以调整模型高程
            //计算tileseDntWater的绑定范围
          var boundingSphere = tileseDntWater.boundingSphere;
          //计算中心点位置
          var cartographic = Cesium.Cartographic.fromCartesian(boundingSphere.center);
          //计算中心点位置的地表坐标
          var surface = Cesium.Cartesian3.fromRadians(cartographic.longitude, cartographic.latitude, 0.0);
            //偏移后的坐标
          var offset = Cesium.Cartesian3.fromRadians(cartographic.longitude, cartographic.latitude, heightOffset);
          var translation = Cesium.Cartesian3.subtract(offset, surface, new Cesium.Cartesian3());
          //tileseDntWater.modelMatrix转换
          tileseDntWater.modelMatrix = Cesium.Matrix4.fromTranslation(translation);
            // self.viewer.camera.viewBoundingSphere(boundingSphere, new Cesium.HeadingPitchRange(0.0, -0.5, boundingSphere.radius));
            // self.viewer.camera.lookAtTransform(Cesium.Matrix4.IDENTITY);
          }).otherwise(function (error) {
              throw(error);
          });
          //模型添加到地图中
          this.viewer.scene.primitives.add(tileseDntWater);
          this.waterGround.push(tileseDntWater);


    //设置show为false可以隐藏模型，为true显示模型
         for (let i = 0; i < this.waterGround.length; i++) {
          this.waterGround[i].show = false;
        }