Google Maps GDirections - Not Centering/Zoomimg in IE7

Question

Best way to describe this problem is with a link. Please visit this page: Ruby International | APOAds.com

In FireFox, everything works fine. In IE it load the directions but does not center on them. Perhaps it's only my PC, does it work on yours under IE?

Here's the javascript doing the brunt of the work:

$(function() {
    // panorama of business
    var biz = new GLatLng(35.796532,139.406645);
    panoramaOptions = { latlng:biz };
    myPano = new GStreetviewPanorama($("div#geoMap").get(0), panoramaOptions);

    // get map for directions
    var dirMap = new GMap2($("div#dirMap").get(0));
    dirMap.setCenter(new GLatLng(35.740066,139.347582), 12);
    dirMap.setUIToDefault();

    // load directions
    directions = new GDirections(dirMap, $("div#dirMapText").get(0));
    directions.load("from: [email protected],139.347582 to: Ruby [email protected],139.406645");

    $("#tabs").tabs({ cookie: { expires: 30 } });
});

Any assistance is greatly appreciated. (人)

Answer 1

strange question, but have you tried calling setCenter last?

Answer 2

Update: You are calling your directions function before you initialize the tabs - but by the time that the directions request gets back to the browser, the tabs have already been initialized and the request is getting fouled up in IE. You can fix it by using the second suggestion here - Set up a listener to call your directions function when the tab is clicked on.

$('#tabs').bind('tabsshow', function(event, ui) {
    if (ui.panel.id == "tabs-5") {
     directions = new GDirections(dirMap, $("div#dirMapText").get(0));
     directions.load("from: [email protected],139.347582 to: Ruby [email protected],139.406645");
    }
});