无人机航拍的倾斜摄影，用照片和视频处理生成三维模型，一般照片都带有坐标信息，所以一般都能定位的比较准确，但是经常会出现高度偏差，这个时候就需要特殊处理了。

今天航拍建模的效果如下：

这个建模没有裁剪，一般周边其他东西都要裁剪和删除。

然后直接上完整代码：

<!DOCTYPE html>

<html lang="en">

<head>

  <meta charset="UTF-8">

  <title>天地图</title>

  <!-- 引用cesium的js和css，天地图的扩展js -->

 <script src="js/cesium1.97/Cesium.js"></script>

  <script src="js/cesiumTdt.js" ></script>

  <link rel="stylesheet" href="js/cesium1.97//Widgets/widgets.css"/>

  <style type="text/css">

    html, body, #tiandituContainer {

      width: 100%; height: 100%; margin: 0; padding: 0; overflow: hidden;

    }

  </style>

</head>

<body onload="loadData()">

<div id="tiandituContainer">

</div>

<script>

  var cesiumAsset='eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiI5NjE1MDIwOC1jOGYxLTQzZWItYjNhOC1iNjZlMWM1OGYxMDIiLCJpZCI6MTAyODY5LCJpYXQiOjE2NTkwMDA3ODN9.Vy4hW4jpjbZs6ee4BcRl3-cCl-oRGn42e2_Hjbo5nas';

  var tiandituTk='4357fe5b6eab1e1bb57f99e68ae528f8';

  // 服务负载子域

  var subdomains=['0','1','2','3','4','5','6','7'];

  Cesium.Ion.defaultAccessToken = cesiumAsset;

  var viewer;

   function loadData()

   {

       //默认会调用微软virtualearth地图

        viewer = new Cesium.Viewer('tiandituContainer',{

          animation:false,       //是否显示动画控件

          homeButton:true,       //是否显示home键

          geocoder:true,         //是否显示地名查找控件，如果设置为true，则无法查询

          baseLayerPicker:true, //是否显示图层选择控件

          timeline:false,        //是否显示时间线控件

          fullscreenButton:true, //是否全屏显示

          infoBox:true,         //是否显示点击要素之后显示的信息

          sceneModePicker:true,  //是否显示投影方式控件  三维/二维

          navigationInstructionsInitiallyVisible:false, //导航指令

          navigationHelpButton:false,     //是否显示帮助信息控件

          selectionIndicator:false, //是否显示指示器组件

        });

        //默认的Cesium会加载一个bingMap底图，网络不太好，一般要先去掉这个默认的

        //viewer.imageryLayers.remove(viewer.imageryLayers.get(0));

        // 隐藏cesium ion

        viewer._cesiumWidget._creditContainer.style.display = "none";  

            //http://211.143.122.110:18062/3dtile/home_draco/tileset.json

            addSlope("http://211.143.122.110:18062/3dtile/home_draco/tileset.json",0);

             //getMousePosition();

}

        // cesium获取鼠标点击的位置坐标

        function getMousePosition()

        {

          // 首先需要注册cesium鼠标事件，通过cesium的ScreenSpaceEventHandler函数处理用户输入事件

          let handler = new Cesium.ScreenSpaceEventHandler(viewer.scene.canvas)

          // 设置要在输入事件上执行的功能，官方文档查询ScreenSpaceEventType可以看到所有的cesium鼠标事件

          handler.setInputAction((event) => {

              //屏幕坐标=》迪卡尔空间直角坐标

            let cartesian3 = viewer.scene.camera.pickEllipsoid(event.position, viewer.scene.globe.ellipsoid)

            // 防止点击到地球之外报错，加个判断

            if (cartesian3 && Cesium.defined(cartesian3)) {

                //cartographic是地理坐标（弧度）

              let cartographic = Cesium.Cartographic.fromCartesian(cartesian3)

                //再转换成经纬度

              let lng = Cesium.Math.toDegrees(cartographic.longitude)

              let lat = Cesium.Math.toDegrees(cartographic.latitude)

              let height = cartographic.height;

              console.log(lng, lat, height);

            }

          }, Cesium.ScreenSpaceEventType.LEFT_CLICK)

        }

           function addSlope(url,height) {

                var tileset = viewer.scene.primitives.add(

                    new Cesium.Cesium3DTileset({

                        url:url,

                        maximumScreenSpaceError: 2,//默认16,最大屏幕空间错误

                        maximumNumberOfLoadedTiles: 1000,

                        maximumMemoryUsage:1024//默认512,内存MB的最大数量

                    }));

                tileset.readyPromise.then((tileset) => {

                    tileSet(tileset,height)

                    viewer.zoomTo(tileset);//视野定位到模型处

                });

            }

            function tileSet(tileset, height)

            {

                //3dtile模型的边界球体

                var boundingSphere = tileset.boundingSphere;

                //迪卡尔空间直角坐标=>地理坐标（弧度制）

                var cartographic_original = Cesium.Cartographic.fromCartesian(boundingSphere.center);

                //地理坐标（弧度制）=>迪卡尔空间直角坐标

                var Cartesian3_original = Cesium.Cartesian3.fromRadians(cartographic_original.longitude, cartographic_original.latitude, cartographic_original.height);

                var Cartesian3_offset  = Cesium.Cartesian3.fromRadians(cartographic_original.longitude, cartographic_original.latitude, height);

                //获得地面和offset的转换

                var translation = Cesium.Cartesian3.subtract(Cartesian3_offset, Cartesian3_original, new Cesium.Cartesian3());

                //修改模型矩阵

                tileset.modelMatrix = Cesium.Matrix4.fromTranslation(translation);

            }

</script>

</body>

</html>

本案例中对模型高度调整，是参考教程3种的方法进行设置，具体全参数设置，可以参考教程3.

cesium教程9-加载倾斜摄影并解决高度问题的更多相关文章

  1. Cesium for Unreal加载倾斜摄影

    本文介绍UE4中通过Cesium插架加载本地倾斜摄影模型.Cesium for Unreal插件运行在UE环境何总运行Cesium,这样方便做一个GIS应用. 安装Cesium for Unreal插 ...

  2. Cesium加载倾斜摄影数据

    (1)倾斜摄影数据仅支持 smart3d 格式的 osgb 组织方式, 数据目录必须有一个 “Data” 目录的总入口, “Data” 目录同级放置一个 metadata.xml 文件用来记录模型的位 ...

  3. ceisum_加载倾斜摄影模型

    osgb转换为3Dtiles格式(使用工具转换) 然后加载到cesium中(加载代码见下,可以控制模型高度) var offset = function(height,tileset) { conso ...

  4. win7/8系统中php5.3和5.4、5.5不能加载php_curl.dll解决办法

    win7/8系统中php5.3和5.4.5.5不能加载php_curl.dll解决办法   作者:用户 来源:互联网 时间:2016-06-23 18:54:33 php变量注释系统模块 摘要: 本文 ...

  5. [译]Vulkan教程(31)加载模型

    [译]Vulkan教程(31)加载模型 Loading models 加载模型 Introduction 入门 Your program is now ready to render textured ...

  6. 使用jquery的load方法设计动态加载，并解决浏览器前进、后退、刷新等问题

    继上一篇 使用jquery的load方法设计动态加载,并解决被加载页面JavaScript失效问题 解决了后台业务系统的部分动态加载问题,然而该框架离正常的用户体验还存在一些问题,如:浏览器的前进.后 ...

  7. tensorflow_mnist数据集一直加载错误的解决办法

    tensorflow数据集一直加载错误的解决办法: from tensorflow.examples.tutorials.mnist import input_data mnist = input_d ...

  8. 关于Eclipse在servlet中连接数据库时出现驱动加载失败的解决

    问题:在队友发来的项目中想将他获取到的数据通过数据库储存,出现驱动加载失败问题 解决:首先百度了下相关情况,大多数都是说下载mysql-connector-java-5.1.39-bin.jar包,然 ...

  9. Hibernate的懒加载session丢失解决方法

    在web.xml加入spring提供的过滤器,延长session的生命周期 <!--Hibernate的懒加载session丢失解决方法 --> <filter> <fi ...

  10. dubbo序列化hibernate.LazyInitializationException could not initialize proxy - no Session懒加载异常的解决

    dubbo序列化,hibernate.LazyInitializationException could not initialize proxy - no Session懒加载异常的解决 转载声明: ...

随机推荐

  1. #排列组合，背包#CF232B Table

    题目 有一个 \(n\times m\) 的矩阵,求使得每个 \(n\times n\) 的矩阵中都有正好 \(k\) 个点的方案数. 分析 考虑到如果确定了前 \(n\) 列的选点个数,那么对于一列 ...

  2. 学习如何使用 Python 连接 MongoDB: PyMongo 安装和基础操作教程

    Python 可以用于数据库应用程序.最流行的 NoSQL 数据库之一是 MongoDB MongoDB MongoDB 将数据存储在类似 JSON 的文档中,使数据库非常灵活和可扩展. 您可以在 M ...

  3. RabbitMQ 07 发布订阅模式

    发布订阅模式 发布订阅模式结构图: 比如信用卡还款日临近了,那么就会给手机.邮箱发送消息,提示需要去还款了,但是手机短信和邮件发送并不一定是同一个业务提供的,但是现在又希望能够都去执行,就可以用到发布 ...

  4. VS 在 Release 模式下使用断点调试程序

    修改方法: 项目属性 --> c/c++ --> 常规 --> 调试信息格式 选择程序数据库 (默认:无) 项目属性 --> c/c++ --> 优化 --> 优化 ...

  5. openGauss社区入门（openGauss-常用数据类型）

    常用数据类型 数据类型 说明 布尔类型 boolean true/'1'/'yes' false/'0'/'no' 数值类型 smallint 两字节 int 4 字节 bigint 8 字节 dou ...

  6. mmcls/mmdet模型部署至 TorchServe

    mmcls/mmdet模型部署至 TorchServe 官方教程:模型部署至 TorchServe - MMClassification 0.23.2 文档 接口说明: serve/inference ...

  7. Java实现查看手机配置与功能

    "感谢您阅读本篇博客!如果您觉得本文对您有所帮助或启发,请不吝点赞和分享给更多的朋友.您的支持是我持续创作的动力,也欢迎留言交流,让我们一起探讨技术,共同成长!谢谢!" 代码 `` ...

  8. Oracle 在PL/SQL将字符串分割输出

    Oracle 在PL/SQL将字符串分割输出 示例如下: declare begin for maina in (select tt.line ll from (select regexp_subst ...

  9. 力扣1346(java&python)-检查整数及其两倍数是否存在（简单）

    题目: 给你一个整数数组 arr,请你检查是否存在两个整数 N 和 M,满足 N 是 M 的两倍(即,N = 2 * M). 更正式地,检查是否存在两个下标 i 和 j 满足: i != j 0 &l ...

  10. App隐私合规“免费”自动化检测

    简介: App隐私合规检测提供了全面的隐私合规检测报告和专家建议,从确保形式合规(隐私政策文本合规性)及实质合规(代码层合规性)的一致性,从个人信息收集.权限使用场景.超范围采集.隐私政策.三方SDK ...