Я написал письмо разработчику Multiple Content Jurgen Furrer'у. Он подкинул ссылочку, куда копать. Как я и подозревал, проблема кроется в jQuery (мой вольный перевод):
Почему Google Map не работает, если его поместить в скрытую (неактивную) вкладку?
Любой компонент, требующий вычисления его размеров при иницилизации, не будет работать в скрываемой вкладке, потому что сама панель вкладки скрыта посредством свойства "display: none", так что любые элементы внутри будут создаваться в большинстве браузеров с нулевыми размерами.
Эту неприятность легко обойти.
Скрывать неактивные вкладки надо за границами экрана:
Код:
.ui-tabs .ui-tabs-hide {
position: absolute;
left: -10000px;
}
Карту Google maps можно показыватькаждый раз, когда показывается вкладка:
Код:
$('#example').bind('tabsshow', function(event, ui) {
if (ui.panel.id == "map-tab") {
resizeMap();
}
});
resizeMap() вызывает функцию checkResize() Google Maps для нужной карты.
Итак, файл css я поправил, работает.
файл лежит по этому пути:
/ext/jfmulticontent/res/jquery/css/theme-1.8.14/jquery-ui-1.8.14.custom.css
Но вот как на отдельно взятую страницу воткнуть функцию jQuery, я не знаю
Буду пока искать...