Problem re rendering Google Maps in Panel

[Tamuha]

Hello everyone,

I'm stuck at the following point:

When I load the MapView, the Google Maps is loaded BUT it is only in the upper half of the Panel, like the first 10% of the upper panel. I'm using Chrome as my browser. When I know just click on another tab in the browser and then go back to my Sencha Touch tab, the map is suddenly normal size.

So I guess its just a problem with a missing refresh or something, right? Any advice or tip?

The Code is the following:

Project.views.MapView = Ext.extend(Ext.form.FormPanel, {	layout: {type:'fit', align: 'stretch'},
	
    style: 'background-color: #FFFFFF;',
	scroll: false,
	
    initComponent: function () {
    	this.on('activate', function(){
   		 this.doComponentLayout();
		 this.doLayout();
		 
		 this.render();
...
    	});

Thanks in advance,
Florian

[Tamuha]

I fixed the problem myself, so this thread can be closed.

In case someone is interested, I just skipped the whole rendering-functions in the "activate"-listener and it worked