Google Maps and Jquery ui Tabs Problem!

Discussion in 'jQuery' started by Justcars.ie, Nov 17, 2009.

0
  1. #1
    Hi guys,

    This problem has been giving me severe headaches, hope somebody can help..

    I am using Jquery Ui Tabs http://docs.jquery.com/UI/Tabs with Google Maps API version 3.

    The problem I am having is that the map wont display correctly in the tab when called upon, this has to do with the map not loading on body load so it cant get the right size.. So all I see is the gray map of death!

    Ive tried map.checkResize();

    and changing the tabs css to 

    .ui-tabs .ui-tabs-hide { position: absolute;
    left: -1000px;
	}
    Code (markup):
    ..Anybody have any experience of solving this?

    Much appreciated.

    Stuart
     
    Justcars.ie, Nov 17, 2009 IP