Ext.Map -- Not Changing Orientation When Hidden-Why?

[gordonjl]

All,

My Question: How can I force the Ext.Map to redraw itself when the orientation is changed and the Ext.Map is not visible?

I have a sencha-touch app that consists of a viewport panel with a card layout that contains all of the panels of my application. One of the panels contains an Ext.Map component. The problem I have is that the map gets screwed up when the orientation of the phone is changed--it stays in profile mode when the orientation switches to landscape and vice versa. This problem goes away if I change the orientation while the Ext.Map is the active item of my viewport panel.

Thanks!

[gordonjl]

I've tried to workaround this by implementing the setProfile() method of the Ext.Map 's containing Panel, but it still isn't working. Here's my implementation:

    setProfile: function(profile) {

        log.debug("map visible?  " + this.mapPanel.isVisible()); //<-- this.MapPanel is an Ext.Map instance
        if (! this.mapPanel.isVisible()) {
            log.debug("map not visible.  setting do layout call when shown");
            this.on('show', this.mapPanel.doComponentLayout, this.mapPanel, {single:true});
        }

    },

The funny thing is that the this.mapPanel.isVisible() always returns true regardless of whether it is or isn't visible. That aside, if I always set the function call to execute regardless of the isVisible() call, it _still_ doesn't redraw the Ext.Map. The only thing that causes the Ext.Map to redraw is when the phone's orientation is changed _while_ the map is visible.

Odd, indeed.

[CaseyK24]

What I do is on the activate listener to the map panel I call:
google.maps.event.trigger(Map.map, 'resize');

The resize will handle any potential orientation changes that happened while you were not on the map display.

Casey