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

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

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

然后直接上完整代码：

<!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. Android弹出UI界面---Toast

    1.默认展示 1 // 第一个参数:当前的上下文环境.可用getApplicationContext()或this 2 // 第二个参数:要显示的字符串.也可是R.string中字符串ID 3 // ...

  2. #dp，排列#LOJ 2743「JOI Open 2016」摩天大楼

    题目 将互不相同的 \(n\) 个数重排,使得相邻两数差的总和不超过 \(L\) 的有多少种方式. \(n\leq 100,L\leq 1000\) 分析 对于排列的问题,有一种很妙的方法就是从小到大 ...

  3. Jetty的ssl模块

    启用ssl模块,执行如下命令: java -jar $JETTY_HOME/start.jar --add-modules=ssl 命令的输出,如下: INFO : ssl initialized i ...

  4. 许北林：我为什么加入OpenHarmony生态？又为什么要做“启航KP”开发套件？

    许北林 软通动力 资深项目经理 在全球开源趋势下,中国正逐渐成为全球开源软件的主要使用者和核心贡献者.今天我们来认识一位接触 OpenHarmony 不到一年,便带领团队成功开发出一款"启航 ...

  5. C++ 编译器和链接器的完全指南

    C++是一种强类型语言,它的编译和链接是程序开发过程中不可或缺的两个环节.编译器和链接器是两个非常重要的概念.本文将详细介绍C++中的编译器和链接器以及它们的工作原理和使用方法. 编译器 编译器是将源 ...

  6. RabbitMQ 09 主题模式

    主题模式 主题模式结构图: 主题模式实际上就是一种模糊匹配的模式,可以将routingKey以模糊匹配的方式去进行转发. 可以使用*或#来表示: *:任意的一个单词. #:0个或多个单词. 定义配置类 ...

  7. 7月27日19：30直播预告：HarmonyOS3及华为全场景新品发布会

    7月27日 19:30 HarmonyOS 3 及华为全场景新品发布会 高能来袭! 在HarmonyOS开发者社区企微直播间 一起见证HarmonyOS的又一次智慧进化 扫码预约直播,与您不见不散!

  8. redis 简单整理——哨兵原理[三十一]

    前言 简单介绍一下哨兵的原理. 正文 一套合理的监控机制是Sentinel节点判定节点不可达的重要保证,Redis Sentinel通过三个定时监控任务完成对各个节点发现和监控: 1)每隔10秒,每个 ...

  9. sql 语句系列(列举非索引外键)[八百章之第九章]

    列举非索引外键 列举出那些外键没有添加索引. 目的: 1.减少锁. 2.外键添加索引,提示了查询性能,因为要与父表做连接查询做笛卡尔积. 下面只要会复制即可,没有会去从新写一遍的. select fk ...

  10. VScode 使用emmet

    背景 在很多的编辑场合,很多时候回出现很多逻辑性的问题.可能觉得html是一门没有逻辑的语言,实际上,它是有一定的思想编辑的.后来出现了emmet,这个不仅仅是一种快捷方式,同时也是一种思考方式. 解 ...