Openlayers внутри вкладок jquery ui

Question

Я хочу использовать Openlayers на вкладках jquery ui, но получаю ошибку: "size is null"!

Answer 1

Была такая же проблема.Это объясняется на вкладках jquery и проблемы с -google-maps-api-v3-jquery-ui-tabs .

Что я сделал: в моем jquery-ui-1.7.1.custom.css (последняя версия 1.8.2) найдите строку:

.ui-tabs .ui-tabs-hide { display: none !important; }

и измените ее на:

.ui-tabs .ui-tabs-hide { position: absolute;
        left: -10000px; }

Answer 2

Что я сделал:

// Get hidden tabs content
var $cache = $(".ui-tabs-hide");

// Make them visible
$cache.removeClass("ui-tabs-hide");

// Initialize your map here
...

// Re-hide the tabs content
$cache.addClass("ui-tabs-hide");