Песочница
Кабинет разработчика
Версия:
Карта
Геообъекты
Кластеризация
GeoQuery
Поведения и события
Макеты и шаблоны
Поиск по карте
Пробки
Местоположение пользователя
Маршрутизация
GeoXML

Размещение в скрытом контейнере

Сохранить как файлыЭкспорт на JSFiddle

Карта заполняет своим содержимым контейнер, в котором она размещается. В момент инициализации карта должна иметь возможность определить размеры контейнера.

Если в момент инициализации карты контейнер еще не сформирован, размеры карты будут нулевыми (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;
}

Пишете на JavaScript? У нас есть вакансии