Клуб API Карт

resize карты внутри двух контейнеров

raketaprod
6 февраля 2015, 16:20

Всем привет! Столкнулся с такой проблемой - не изменяется размер карты при изменении контейнера для контейнера карты. Общая картина - есть две ячейки, у которых динамично изменяется ширина (с помощью плагина colResizable), и внутрь ячеек вставляется карта. Изначально - каждая ячейка 50%, а сама таблица = 100%. Т.е. и карта изначально 50%. Потом, при изменении ширины ячеек (сужать левую) не перерисовывается карта (оставляя именно белое пятно в месте, где карта до этого не была прорисована). Если при это открывать консоль, например, в хроме - карта резко ресайзится. Если кто сталкивался с таким, помогите плиз. Код:
----------------------- 

var myMap;

ymaps.ready(init);

function init () {

myMap = new ymaps.Map('map', {

center: [48.7071031, 44.516939],

zoom: 10

});

myGeoObject = new ymaps.GeoObject();

myMap.geoObjects

.add(myGeoObject)

.add(new ymaps.Placemark([<?=$hotel['x']?>,<?=$hotel['y']?>], 

{

preset: 'islands#icon',

iconColor: '#0095b6'

}))

myMap.container.fitToViewport()

}
--------------------

 

<table id="tbl" width="100%" height="400px" border="0" cellpadding="0" cellspacing="0">

<tr>

<th width="50%" class="mapresize"><div id="map" style="width:100%;height:100%"></div></th>

<th width="50%">...</th>

</tr>

</table> 

 

-------------