Клуб API Карт

Маршрут в модальном окне Twitter Bootstrap

diablo-vn
29 ноября 2012, 10:11

Все перетыркал, в фансибоксе выводился отлично, перевел на полностью встроенные скрипты и разметку бутстрапа. Модальное окно выходит, в нем пустота..

<script type="text/javascript"> ymaps.ready(init);  function init() {  var myMap = new ymaps.Map("dayRoute", {  center: [55.755773, 37.617761],  zoom: 10, behaviors:['default', 'scrollZoom']  });  myMap.controls  .add('zoomControl', { left: 5, top: 5 })  .add('typeSelector')  .add('mapTools', { left: 35, top: 5 });  var trafficControl = new ymaps.control.TrafficControl();  myMap.controls  .add(trafficControl);  ymaps.route(['МО, Красногорский р-н, п/оКрасногорск-5, автомагистраль Балтия М9 ','Москва, Кржижановского ул., д.31, к.2','Москва, Иловайская ул., д.3, к.2']).then(function (route) {  myMap.geoObjects.add(route);  points.options.set('preset', 'twirl#blueStretchyIcon');  }, function (error) {  alert('Возникла ошибка: ' + error.message);  }); } </script>


Модальное окно вызывается так:
<a href="#myModalRouteDay" role="button" class="btn" data-toggle="modal">Смотреть на карте</a>


Содержимое окна:

<div id="myModalRouteDay" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"><div class="modal-header"><button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button><h4 id="myModalLabel">Маршрут на 28/11/12</h4></div><div class="modal-body"><div id="dayRoute" style="width:520px; height:400px"></div></div><div class="modal-footer"><button class="btn" data-dismiss="modal" aria-hidden="true">Закрыть</button></div></div>

При этом сама карта с маршрутами рисуется корректно, убираем у модального окна
class="modal hide fade" карта при затемнение выводиться снизу страницы
4 комментария
Подписаться на комментарии к посту

Up: Проблема решена, все на будущее, кто будет юзать бутстрап от твиттер:

 

Содержимое окна:
<div id="myModalRouteDay" class="modal hide fade" .......

меняем на
<div id="myModalRouteDay" class="modal fade" .......

спасибо за решение) думал будет страшно) нашел ответ за пару сек) спасибо большое!!)))

Возникает также пробелма есть грузить через аякс, при загрузке карт второй раз просто пустой экран хотя и делаю container.fitToViewport();

 

Не подскажите делаю через FancyBox но карта открывается со второго клика в чём трабла

 

 

    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> http://www.w3.org/1999/xhtml">                         

Собстно содержимой файла который открывается в модальном окне