Vue2加载倾斜摄影

这篇具有很好参考价值的文章主要介绍了Vue2加载倾斜摄影。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

贴个群号

WebGIS学习交流群461555818,欢迎大家。

vue3项目利用mapbox加载倾斜摄影

vue3项目加载倾斜摄影的教程可见此人的教程,亲测可用

https://blog.csdn.net/qq_37750030/article/details/124680036

vue2项目利用mapbox加载倾斜摄影

可是为什么到了vue2的老项目里面用不了呢?
原因在于这几个库,全是ts的!
而在vue2里面是不支持ts的,当然现在的新项目用脚手架创建也可以直接用上ts了,但是老项目就没办法了。

Vue2加载倾斜摄影
这里我们想到了三个解决方案
1,项目升级成vue3
2,使vue2也支持ts
3,找找有没有这些第三方库的JS代码

无疑,方案一与方案二,代价很大,不容易搞,方案三是短时间考虑的最优解,时间充裕的话,还是建议升级成vue3,那样的话就可以完美解决了,那接下来我们就详细看看方案三的路线。

首先我们就要想想怎么找这些第三方库,首选肯定是他的官网,他的官网里面有很多例子,那些例子引用的在线的js库,我们可以把这些库给扒下来。

然后我们发现引用他的这些js库,会报很多错,不论是放在文件夹里面,还是static下面,都会报很多很多的错,这些错很难改,其实也都并不是错,然后我们发现在单页面里面引用这些库,就不会报错,放到vue2框架里面就报错,应该是语法检测出了问题,那我们只能选择,在vue2的index.html里面,直接引用,来跳过检测,那个引用也会是全局的,然后使用

  const {MapboxLayer,Tile3DLayer} = deck;

其余的部分和上面vue3加载倾斜摄影的教程完全一样。

亲测deck的这几个东西是可以使用的,那个loader用不了,在他的js里面,还不支持Tiles3DLoader,但是把这个注掉,其实也并不影响,也是可以加载的。他们可能也没有想到,现在还有人在用vue2吧。。。文章来源地址https://www.toymoban.com/news/detail-433204.html

到了这里,关于Vue2加载倾斜摄影的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • cesium加载3dtiles倾斜摄影数据

    效果如图 倾斜摄影数据的地址:百度网盘 请输入提取码 提取码:ztde 1.配置nginx,代理3dtiles倾斜摄影数据服务 如我的倾斜摄影数据放在D盘的某个文件夹里面,nginx可以这样配置    2.代码里面3dtiles的url指向倾斜摄影服务地址,同时配置一系列的参数 3dtiles的配置参数如下,可

    2024年02月11日
    浏览(50)
  • threejs加载3dtiles(倾斜摄影)数据

    使用npm 安装  或者去官网下载都行 GitHub - NASA-AMMOS/3DTilesRendererJS: Renderer for 3D Tiles in Javascript using three.js 首先引入,在填入3dtiles数据的地址,可以是文件路径也可以是网站路径 const tilesRenderer = new TilesRenderer( \\\'./path/to/tileset.json\\\' ); const tilesRenderer = new TilesRenderer( \\\'http://192.168.1.

    2024年02月16日
    浏览(42)
  • Unity加载3dTile倾斜摄影数据(WebGL)

    1.支持.b3dm(3dtile)格式倾斜摄影数据加载,支持osgb格式倾斜摄影数据加载 2.支持编辑器下加载预览,方便进行场景编辑 3.支持海量的数据量加载 4.多线程LOD算法动态加载卸载 5.支持urp,hdrp等渲染管线 6.支持PC,WebGL,Android平台发布 qq交流:1749568798 +VX : huazaikv 相关视频: unity

    2024年02月11日
    浏览(59)
  • mapbox+deck.gl加载倾斜摄影模型3dtiles

    做三维WebGIS开发的朋友们都知道,我们加载倾斜摄影模型,一般使用cesium加载3dtiles格式的数据很简单,官网和网上都有很多例子,这里也不再详细赘述。但是在使用cesium场景中我们会遇到这样一个问题,在加载整个球的时候其实是影响了性能的,在加载局部小场景的时候我们

    2024年02月02日
    浏览(84)
  • 非专业无人机进行倾斜摄影并且通过cesium加载

    大多数倾斜摄影都是用大疆精灵或者别的比较专业的无人机进行测量,但是我就遇到了设备受限的情况,只能用大疆御2Pro来进行测量,因为怕炸机损坏了自己要赔偿,也没有用荔枝(Litchi)等航测软件,并且没有条件来打像控点,因为没有RTK等设备,所以这次是相当于非专业

    2024年02月07日
    浏览(50)
  • Three.js开发神器-结合3DTiles插件加载倾斜摄影模型

    首先我们通过链接和图片来看看效果 演示Demo链接地址:https://n3gis.github.io/exportToThree(3.0).html?scene=Demo_4 使用到的软件(软件大家到Unity商城上搜索,Unity商城地址:https://assetstore.unity.com) Unity3D 3DTiles(Unity3D插件,用于加载OSGB格式的倾斜摄影数据) Export To Three.js(Unity3D插件,

    2023年04月20日
    浏览(41)
  • 【UE5 Cesium】14-Cesium for Unreal 加载服务器上的倾斜摄影

    目录 前言  步骤 一、下载安装tomcat 10 二、下载安装JDK 三、启动Tomcat 四、Tomcat加载倾斜摄影 五、UE中加载Tomcat上的倾斜摄影         上一篇文章(【UE5 Cesium】13-Cesium for Unreal 加载本地倾斜摄影)介绍了如何在UE中加载本地倾斜摄影,本文在该文章基础上继续介绍如何在将

    2024年02月12日
    浏览(50)
  • 无人机倾斜摄影测量技术,倾斜摄影三维建模测量技术及其应用详解

    倾斜摄影技术是国际摄影测量领域近十几年发展起来的一项高新技术,该技术通过从一个垂直、四个倾斜、五个不同的视角同步采集影像,获取到丰富的建筑物顶面及侧视的高分辨率纹理。它不仅能够真实地反映地物情况,高精度地获取物方纹理信息,还可通过先进的定位、

    2024年04月25日
    浏览(40)
  • 什么是无人机倾斜摄影?无人机倾斜摄影测量测绘中的应用有哪些?

    无人机倾斜摄影是国际测绘遥感领域近年发展起来的一项高新技术,通过在同一飞行平台上搭载多台传感器,可以同时从垂直、倾斜等不同角度采集影像,获取地面物体更为完整准确的信息。无人机倾斜摄影测量技术以大范围、高精度、高清晰的方式全面感知复杂场景,通过

    2024年02月07日
    浏览(66)
  • cesium添加倾斜摄影

    在2023年7月的版本更新中上述写法已经不能用了,话说cesium的版本更新太快了,7月改了好多好多东西,注意留意官网变动消息吧

    2024年02月12日
    浏览(33)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包