Клуб API Карт

Как сделать чтобы карта увеличивалась при клике и перекрывала все дивы?

dmaklaud
25 декабря 2012, 10:49

Api 1.1. Если использовать этот пример http://api.yandex.ru/maps/doc/jsapi/1.x/examples/mapcontroltoolbartogglebutton.html, то ширина и высота меняются, но карта не перекрывает все дивы. Карта получается не на весь экран. Может есть код, который бы при клике расчитывал размеры браузера и вставлял их в div и вставлялся бы position:absolute ?

2 комментария
Подписаться на комментарии к посту
Ольга Стогова
25 декабря 2012, 11:14

ну примерно так 

function setSize (newWidth, newHeight) {

 YMaps.jQuery("#YMapsID").css({

 width: newWidth || "",

 height: newHeight || "",

position: 'absolute'

 });

 map.redraw();

}

 

$(document).ready(function() {

//нажали на полный

  кнопка.click(function(){

  newHeight = document.body.clientHeight;

  newWidth = document.body.clientWidth;

  setSize();

  flag = 1;

});

//нажали обратно

кнопка2.click(function(){

  newHeight = ваша высота;

  newWidth = ваша ширина;

  setSize();

  flag = 0;

});

 

});

 

$(window).resize(function(){

  newHeight = document.body.clientHeight;

  newWidth = document.body.clientWidth;

 if(flag){

  setSize();

  }

 }); 

только там еще какая-то фишка с позиционированием обратно, при уменьшении есть, не помню так

Спасибо! Только что то не получилось, не появляются кнопки? Api key менял на свой. Вот код