Google API maps and Control.Tabs problem

Hi Im using Control.Tabs

<ul class="tabs" id="tabs">
    <li >
        <a class="active"  href="#tabo"  >
            Some text
        </a>
    </li>
    <li>
        <a class=""  href="#tabl" >
            Localisation
        </a>
    </li>
</ul>
<div id='tabo' >
</div>
<div id='tabl' >
        <div id="map" style="width: 700px; height: 500px"></div>
</div>

new Control.Tabs('tabs');

<script type="text/javascript" src="http://www.google.com/jsapi?key=mykey"></script>
<script type="text/javascript">
 loadmap(); 
</script> 

Tabs work great but google map not, it only loads 4 from 20 parts of map (in firefox and opera) and in IE it loads all parts of map( it downloads files like -> mt.google.com where '' is some number) but not center map on point which i want.

If i disable Tabs, Google map works fine. If Tabs work and i put "div map" into " div tabo" which is active it also work great.

It just dont work when google map is hidden but dunno why.

Any help to solve this problem?

Thx

Posted October 23rd, 2007 at 7:15am by wk

I'm having a very similar problem. I'm using the following javascripts:

prototype.1.5.1.js object.event.1.0.0.js control.tabs.2.1.1.js

I display a google map on the fourth tab loaded on my page and it

1) Doesn't center the map in either IE6/7 or Firefox 2) Firefox only downloads partial map squares.

If I load the map in the first tab displayed, it will center it fine and download all the map squares for Firefox, IE6 and IE7.

Does anyone have any suggestions?? thanks.

Posted November 27th, 2007 at 4:38am by greybob

try this:

new Control.Tabs('tabs', {
    afterChange:function(newTab){
        if(newTab.readAttribute('id') == 'tab1') // specify the tab
            loadmap();
    }
});

Posted November 27th, 2007 at 6:21am by Roland

Hi, Thanks for the quick response. That solutions works great for Firefox, but IE6/7 seems to have issues. I get an "Operation abort" error screen any time I go to reload the page. This only seems to happen because i have the google maps on the page loading in the fourth tab.

any help greatly appreciated.

Posted November 28th, 2007 at 5:43am by greybob