Ext的panel如何动态显示地图呢？

如上，采用Ext开发一个地图相关的系统，调用的是MapABC的api，
将地图显示在ext的panel上，想实现在触发某事件后显示不同的地图？
大家有知道如何实现的吗？地图对象已经生成，但就是panel中的显示没有刷新，急呀！！！
有知道如何解决的吗？不胜感激！

[code="js"]

Ext.onReady(function(){
var p = new Ext.Panel({
title: 'My Panel',
collapsible:true,
renderTo: 'panel-basic',
width:400,
height:300,
bbar:[{
text:'change',
handler:function(){
p.body.update();//先把PANEL里面的内容清空后,再NEW 一个MMAP
var mapoption = new MMapOptions();
mapoption.zoom=13;//设置地图zoom级别
mapoption.toolbar=DEFAULT; //设置工具条
mapoption.toolbarPos=new MPoint(0,0);
mapoption.overviewMap =DEFAULT; //设置鹰眼
var mapObj = new MMap(p.body.id, mapoption); //地图初始化
}
}]
//id:'suziwen',
});

new MMap(p.body.id); //地图初始化

}
[/code]

把PANEL重新渲染一下

参考下 Ext.ux.GMapPanel（http://www.sencha.com/forum/showthread.php?40534-Ext.ux.GMapPanel-Google-Maps）的实现看看。

你是怎么渲染的？