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

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

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

然后直接上完整代码：

<!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. Refresh 重构(Refactor)

    最近在闲暇之余重(第)温(一..次)此书, 首先能感受到的, 无论你是新程序员还是老程序员, 这本书都已经不具备太多的可读性了. 由于本书成书年代久远, 那个时候软件行业还不够发达, 面向对象还没有被 ...

  2. 新版本NOI Linux发布,支持VSCode,Code::Blocks开发C++!!!,内附下载地址。

    注意VSCODE 虽然有C艹插件,但是在第一次编译的时候必须要有网络,否则用不了 我推荐还是用CODE::BLOCKS 作者10月8日补充 有些省份已经开始强制在NOIP的比赛里使用NOI Linux ...

  3. HMS Core手语服务荣获2022中国互联网大会“特别推荐案例”：助力建设数字社会

    11月15日,HMS Core手语服务在2022(第二十一届)中国互联网大会 "互联网助力经济社会数字化转型"案例评选活动中,荣获"特别推荐案例". 经过一年多 ...

  4. QImage 与 Mat 互转

    QImage 转 Mat Mat QImage2Mat(QImage &img) { cv::Mat mat; switch (img.format()) { case QImage::For ...

  5. 牛蛙！GoFrame2.7正式版的监控组件真是及时雨

    声明:本文首发在同名公众号:王中阳Go,未经授权禁止转载. GoFrame框架今天发布了v2.7.0正式版本啦! 最大看点 本次版本最大的看点是提供了metric监控组件,主库提供了接口化的metri ...

  6. CentOS 8 安装更新国内清华大学源手记【亲测成功】

    一直和各种OS打交道,仍觉得自己是小白,故深知小白们的困惑和蛋碎,特此将安装更新源的细节和步骤做了详细整理,供大家参考.红字是命令和提示,深灰色代码框中是源配置,本文采用了清华大学CentOS 8的源 ...

  7. redis 简单整理——缓存设计[三十二]

    前言 简单整理一下缓存设计. 正文 缓存的好处: ·加速读写:因为缓存通常都是全内存的(例如Redis.Memcache),而 存储层通常读写性能不够强悍(例如MySQL),通过缓存的使用可以有效 地 ...

  8. sql 语句系列(记录时间差)[八百章之第十八章]

    计算当前记录和下一条记录之间的日期差 关键点在于如何获得下一条日期. mysql 和 sql server select x.*,DATEDIFF(day,x.HIREDATE,x.next_hd) ...

  9. windows server 出现.net 3.5安装不上去

    前言 有人说为什么到了现在还有人用.net 3.5呢?其实我也不用,主要是mmsql安装的时候要用到. 正文 一般我们不同电脑在程序和功能中添加,如果添加不上会弹出一个自动获取的一个过程,这时我们点击 ...

  10. Go 单元测试基本介绍

    目录 一.单元测试基本介绍 1.1 什么是单元测试? 1.2 如何写好单元测试 1.3 单元测试的优点 1.4 单元测试的设计原则 二.Go语言测试 2.1 Go单元测试概要 2.2 Go单元测试基本 ...