Extjs加载百度地图，显示不全的问题

最新推荐文章于 2018-11-22 16:53:42 发布

原创最新推荐文章于 2018-11-22 16:53:42 发布 · 3.2k 阅读

1 ·

CC 4.0 BY-SA版权

Web前端同时被 2 个专栏收录

85 篇文章

订阅专栏

extjs

17 篇文章

订阅专栏

本文解决了在ExtJS应用中百度地图组件加载显示不完整的问题。通过调整地图初始化时机，确保DOM元素完全加载后再初始化地图。

首先说明下问题：首先是一个列表页面，当点击某条记录进入的详情页的是时候显示一张百度地图，出现的问题就是第一次进入详情页地图显示正常，当第二次进入详情页后地图永远只加载出来了一半，另一半是空白。

修改前的代码：

{
    xtype : "panel",
    layout: 'column',
    border : false,
    height : vs.height*0.45,
    listeners: {
        afterrender: function(obj) {
            initMap(obj.el.dom);
        }
    }
}

修改后的代码:

{
    xtype : "panel",
    layout: 'column',
    border : false,
    height : vs.height*0.45,
    listeners: {
        afterrender: function(obj) {
            setTimeout(function(){
                initMap(obj.el.dom);
            }, 300);
        }
    }
}

OK，问题解决，原因不知道