uniapp:app端地图组件遇到的一些问题
2022-03-30 本文已影响0人
alex很累
没怎么看文档,直接撸代码,人都傻了.......
好兄弟们一定要多看文档啊!文档里没有,就去社区搜索问题或者问问题!
问题1.用vue-app,地图在最上层,且无法控制层级
原因:
app-vue中,<map> 组件是由引擎创建的原生组件,它的层级是最高的,不能通过 z-index 控制层级。
解决方法:
使用nvue,App端nvue文件不存在层级问题;并且,对于地图的一些属性设置,nvue兼容性更好。
官方文档:

问题2.离线打包,地图异常显示
解决方法:
A. 离线打包需要做一些配置,按照官网即可:
地图配置-uniapp官网
B. 但是这时候打开app发现地图显示异常:
一开始,没注意文档,自己用的nvue,但是引入的是下面三个包,打开app后地图黑屏;
然后,按照nvue的三个包(其实就是把map-amap-release.aar换成weex_amap-release.aar),打开app发现地图白屏...
最后在问答社区发现有一个帖子,原来......
这两个aar包都要引入!

问题3.vue修改地图的一些属性,地图没有刷新
解决方法:vue深拷贝