百度地图加载多个标注页面卡死map.addOverlay(marker)

CHONGEX

于 2021-12-25 12:38:37 发布

阅读量2k

点赞数 1

分类专栏：常见开发问题文章标签：百度 elementui vue.js

本文链接：https://blog.csdn.net/CHONGEX/article/details/122141785

版权

地图标注页面卡死 BMapGL setTimeout 性能优化

关键词由CSDN通过智能技术生成

常见开发问题专栏收录该内容

5 篇文章 0 订阅

订阅专栏

问题: 我的是十个点位,循环加载,有时候就卡死,页面崩溃,

解决办法:

const icon = new BMapGL.Icon(this.jkImg, new BMapGL.Size(20, 20));
                            res.data.forEach((item) => {
                                if (item.longitude && item.latitude) {
                                    let marker = new BMapGL.Marker(new BMapGL.Point(item.longitude, item.latitude), {icon: icon});
                                    // 添加标注点击事件
                                    marker.addEventListener('click', function (it) {
                                        item['label'] = item.name;
                                        that.treeClick(item);
                                    });
                                    // 解决标注加载页面卡死问题
                                    setTimeout(()=>{
                                        that.map.addOverlay(marker);
                                    },300)
                                }
                            });

加入setTimeout,实测有效