Карта заполняет своим содержимым контейнер, в котором она размещается.
В момент инициализации карта должна иметь возможность определить
размеры контейнера.
Если в момент инициализации карты контейнер еще не сформирован,
размеры карты будут нулевыми (0x0), т. е. она фактически не будет отображена.
Неотображение карты в неактивной вкладке jQuery.UI происходит из-за того, что
для скрытия вкладки используется CSS-свойство display: none
.
Элемент, для которого выставлено display: none
, не знает свои реальные размеры.
Самое простое решение - в момент переключения вкладки инициировать пересчет размеров карты вызовом команды fitToViewport().
Также можно обойти проблему в примере (используется jQuery.UI), если использовать альтернативный способ скрытия
вкладки, переопределив стандартные классы jQuery.UI:
.ui-tabs .ui-tabs-hide {
position: absolute !important;
left: -10000px !important;
display: block !important;
}
Карта заполняет своим содержимым контейнер, в котором она размещается. В момент инициализации карта должна иметь возможность определить размеры контейнера.
Если в момент инициализации карты контейнер еще не сформирован, размеры карты будут нулевыми (0x0), т. е. она фактически не будет отображена.
Неотображение карты в неактивной вкладке jQuery.UI происходит из-за того, что для скрытия вкладки используется CSS-свойство
display: none
. Элемент, для которого выставленоdisplay: none
, не знает свои реальные размеры. Самое простое решение - в момент переключения вкладки инициировать пересчет размеров карты вызовом команды fitToViewport(). Также можно обойти проблему в примере (используется jQuery.UI), если использовать альтернативный способ скрытия вкладки, переопределив стандартные классы jQuery.UI: