Ext JS Fanコミュのnew Ext.TabPanelで読み込んだComponentが更新するタイミングで関数を実行する方法

はじめまして3Pandaともうします。

質問のタイトルが適切でないかもしれません。
何とぞご了承ください。m(_ _)m

先月よりsencha touchを利用してIPhone用のサイトを制作しているのですが
、一点どうしても解決できない問題に直面し、投稿させていただきました。

やろうとしている事はTABパネルの切り替えでGoogleMapと別のも（画像のページなど）を
表示させる事になります。

現在、解決出来ていない問題はGoogleMapの表示です。
GoogleMapの表示自体は
「http://dev.sencha.com/deploy/touch/examples/map/」を
参考にして出来るようになりました。
しかし、マーカーを表示する事が出来ず困っております。

色々調べると上記のサンプルでもnew Ext.Panelをnew Ext.TabPanelに変更すると
マーカーを出せなる事が確認できました。

おそらくnew Ext.TabPanelで読み込んだComponentが更新するタイミングで
関数を実行しなければならないかと推測しております。

根本的なJavaScriptの知識不足かもしれませんが
何とぞアドバイスをお願い出来ればと思います。

また全くの見当違いをしていましたらその旨も教えていただけると
幸いです。

以下、現状のソースです。

///////////////////////////////////////////////////////

Ext.setup({

onReady: function() {
//Component-----------------------
var position = new google.maps.LatLng(*****, *****);
var map = new Ext.Map({
title: 'Map',
getLocation: false,
mapOptions: {
zoom: 18,
center : position
}
});

var aaa = new Ext.Component({
title: 'aaa',
cls: 'aaa',
scroll: 'vertical',
html: [
'aaa',
]
});

//-------------------Component end

//Tab-----------------------------

var panel = new Ext.TabPanel({
fullscreen: true,
animation: 'slide',
items: [map,aaa]
});

//-------------------------Tab end

var infowindow = new google.maps.InfoWindow({
content: 'TEXT!!'
})

var marker = new google.maps.Marker({
position: position,
map: map.map
});

google.maps.event.addListener(marker, 'click', function() {
infowindow.open(map.map, marker);
});

}

});

///////////////////////////////////////////////////////

以上、よろしくお願致します。