Клуб API Карт

1 комментарий

Привет. Столкнулся с такой же проблемой. Я так понял, что ты до сих пор ее не решил (судя по сайту). А решение весьма простое, оно есть в FAQ Jquery UI

Any component that requires some dimensional computation for its initialization won't work in a hidden tab, because the tab panel itself is hidden via
display: none
so that any elements inside won't report their actual width and height (0 in most browsers).

There's an easy workaround. Use the off-left technique for hiding inactive tab panels. E.g. in your style sheet replace the rule for the class selector ".ui-tabs .ui-tabs-hide" with
.ui-tabs .ui-tabs-hide {
position: absolute;
left: -10000px;
}

For Google maps you can also resize the map once the tab is displayed like this:
$('#example').bind('tabsshow', function(event, ui) {
if (ui.panel.id == "map-tab") {
resizeMap() ;
}
}) ;
resizeMap() will call Google Maps' checkResize() on the particular map.