Vue2利用mapbox加载倾斜摄影

贴个群号

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

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

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

https://blog.youkuaiyun.com/qq_37750030/article/details/124680036

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

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

这里我们想到了三个解决方案
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吧。。。