vue2中mapbox-gl2升级到mapbox-gl3后paint或layout属性失效问题解决
- 1. 问题描述
- 2. 问题解决
1. 问题描述
在vue2项目中将mapbox-gl的版本从2.15.0到3.1.2出现的问题。
- 加载 point,line类型的Layers时,paint/lauout 下的属性失效了。
- setPaintProperty方法失效!
测试了好久找不到问题所在!
2. 问题解决
在网上搜了搜!发现这位博主跟我的问题一样!
vue2由mapbox2升级为mapbox3遇到的矢量底图样式丢失问题解决办法
想了想可能是vue2包装响应式数据时与mapbox-gl@3.1.2有冲突!于是乎变换写法,去除响应式!
错误代码:
正确代码:
没错!!!就是不要再data中声明 map,直接删除无影响!