[vue2] 由mapbox2升级为mapbox3遇到的矢量底图样式丢失问题解决办法
项目vue2
mapbox由2升级到3
直接报错
Invalid value for edge insets, top, bottom, left and right must all be numbers
终极解决办法只有两个，一是升级为vue3,二是将map挂载到window下。其实在cesium使用中，挂载到window中是很常见的写法，但是在mapbox中却是没有这样考虑过，这下我们就使用window来挂载map。
实操
接下来是更新mapbox3由window来挂载map的一些细节
1、声明map
let map = new ....
window.map = map
window.map.on(...) 2、样式调整，诸如popup、ctrl等的class名字可能会有变更，需要重新找一下更改一下对应的class名字
3、将map通过组件传值的方法
由于map不存在于data中了，所以这种传值要改掉，但是也不能改为window.map，因为这种写法会认为你在data里面有一个window对象，，，建议不传值了，反正都是window.map，别的页面也就直接用就完事儿了
<aaaa :map="map"></aaaa>
1。跟map有关的其他控件
比如popup、marker等相关的也不能在data里面存了，也挂在window下
2。跟map有关的插件
比如draw绘画插件、compare卷帘插件等等，声明的时候也不可以在data里面，改为挂在window下
3。在vuex里存的map内容
不能在data里面存，也不能在vuex里面存了
4。class类里传进来的map
参考：
vue2由mapbox2升级为mapbox3遇到的矢量底图样式丢失问题解决办法