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

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

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

然后直接上完整代码：

<!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. #离线，倒序，线段树#Comet OJ - Contest #15 E 栈的数据结构题

    题目 初始时有 \(N\) 个空的栈,编号为 \(1 \sim N\),有以下三种类型的指令: push \(L\) \(R\) \(v\):把编号 \(L \sim R\) 这连续 \(R-L+1\ ...

  2. 小师妹学JavaIO之:try with和它的底层原理

    目录 简介 IO关闭的问题 使用try with resource try with resource的原理 自定义resource 总结 简介 小师妹是个java初学者,最近正在学习使用java I ...

  3. 深入理解 SQL UNION 运算符及其应用场景

    SQL UNION运算符 SQL UNION运算符用于组合两个或多个SELECT语句的结果集. 每个UNION中的SELECT语句必须具有相同数量的列. 列的数据类型也必须相似. 每个SELECT语句 ...

  4. java延迟队列DelayQueue及底层优先队列PriorityQueue实现原理源码详解

    DelayQueue是基于java中一个非常牛逼的队列PriorityQueue(优先队列),PriorityQueue是java1.5新加入的,当我看到Doug Lea大神的署名之后,我就知道这个队 ...

  5. R语言学习1：基本数据类型，文件读取

    本系列是一个新的系列,在此系列中,我将和大家共同学习R语言.由于我对R语言的了解也甚少,所以本系列更多以一个学习者的视角来完成. 参考教材:<R语言实战>第二版(Robert I.Kaba ...

  6. Linux系统奇安信浏览器报错跨域：the resource is in more-private address space 'local'

    报错: Access to XMLHttpRequest at "123" from origin "456" has been blocked by CORS ...

  7. HarmonyOS Lottie组件，让动画绘制更简单

    原文:https://mp.weixin.qq.com/s/eC7g9ya4f_2AiNgteiyXcw,点击链接查看更多技术内容. 动画是UI界面的重要元素之一,精心设计的动画能使UI界面更直观,有 ...

  8. 重新整理 mysql 基础篇—————表锁和全局锁[六]

    前言 锁从大的方面可以分为: 1.全局锁 2.表锁 3.行锁 正文 全局锁 全局锁就是对整个数据加上读锁. 在mysql 中,加入全局锁的命令就是: Flush tables with read lo ...

  9. mysql入门操作(部分操作，不为完全格式)

    查询数据库在电脑中绝对路径: show variables like '%datadir%'; 设置字符集 set names gbk; 导入数据库 source 绝对路径 eg: source D: ...

  10. 赋予企业更多可能，云数据库SQL Server 2019版这几大亮点别错过

    直播预告 2020年3月26日 15:00-16:30 邀您一同见证 云数据库SQL Server 2019版重磅发布 全面提升性价比及数据库能力 点我观看 RDS SQL Server 2019不仅 ...