vue开发 百度地图 加载大量点导致卡顿解决方法(vue+vue-baidu-map+mapv)
造成卡顿原因 及解决方法(解释可能有误!!!)自行通过F12进入调试窗口,可以发现点标注Marker会以div元素在dom树中渲染出来,需要占用的内存大,渲染慢且大规模的 DOM 操作(会造成重绘或重排)也会造成用户操作阻塞,从而导致卡顿。而mapv则把所有的点转成canvas绘制出来,比div方式渲染性能更好。(因为canvas是无状态的,绘制的内容不能继续引用,不需要另外的内存来保存。而dom中需要存储相应对象数据)另外,如果对点的图标没什么要求的也可以直接使用百度地图的 海量点(PointColl
原创
2020-07-17 12:15:20 ·
15390 阅读 ·
11 评论