Яндекс карта и Jquery Ui Tabs

Если яндекс карта располагается у нас во вкладке, которая по умолчанию закрыта, необходимо будет несколько изменить вызов карты. Делается это следующим образом:

1) Если в подключаемом скрипте присутствует фрагмент, похожий на выделенный, удаляем этот фрагмент.

<script type="text/javascript"
src="http://api-maps.yandex.ru/2.0-stable/?lang=ru-RU&coordorder=longlat&load=package.full&wizard=constructor&onload=fid_1357309839884552313"></script>


2) Далее вызов карты и включение табов производятся по следующему образцу:



<script type="text/javascript">

$(document).ready(function(){

ymaps.ready(init);
var map;

function init(){
map = new ymaps.Map("ymaps-map-id_1355060157801926", {
center: 100,
zoom: 10,
type: "yandex#map"
});
map.controls.add("zoomControl").add("mapTools");
}

// Внутри функции init() - ваш вызов карты со всеми инструментами, метками и пр.. Если вы создавали карту при помощи конструктора, сюда переносится весь код функции с именем типа  function fid_135730983988455231359.


$("#tabs").tabs(); //далее включаем табы


$('#tabs').bind('tabsshow', function (event, ui) {
       map.container.fitToViewport();
    });

//и при переключении между табами яндекс карта подстраивается под размер контейнера

});
</script>