单页面应用引入使用百度地图的坑

一,说明:菜鸟总结,有缺陷希望提意见指导,谢谢各位大神。

二,正题:单页面不停进出地图会不停创建实例内存占用,导致内存占用率内存泄漏,使页面崩溃

三,解决方案

1,引入类型type=webgl的地图带有销毁实例方法:<script type="text/javascript" src="http://api.map.baidu.com/api?type=webgl&v=2.0&ak=自己的ak值"></script>

2,在那个需要销毁实例的加       this.map.destroy();这个销毁方法即可,具体应用如下:

a,同页面内调用地图,在那个调用前加即可

b,不同页面直接调用地图在页面销毁生命周期调用即可

 

3,如何看内存对比图

a,没加销毁实例调用一次

 b,没加销毁实例调用多次


版权声明:本文为m0_63853518原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。