Question

I need to have two maps each being displayed in css tab format. The problem I have is the second ‘hidden’ map does not seem to load resulting in it appearing in the left top corner of the tab area.

Is there a way I can ammend my code so that both maps load or at least loads when the tab is clicked.
fiddle is here

Answer 1

Triggering the visibility instead of the display CSS attribute makes sure the maps are getting attached to the DOM and are rendered on load (while the second is not displayed) which leads to expected behavior.

I adjusted your code a bit: http://jsfiddle.net/73hZa/