Клуб API Карт

Подскажите где ошибка? Увеличение карты при клике

dmaklaud
29 декабря 2012, 12:14

Не появляются кнопки, Api key менял на свой. Код ниже. Что неправильно в коде? Или подскажите свой вариант для вывода карты на весь экран при клике, чтобы перекрывались все дивы.
 


<script src="http://api-maps.yandex.ru/1.1/?key=ANpUFEkBAAAAf7jmJwMAHGZHrcKNDsbEqEVjEUtCmufxQMwAAAAAAAAAAAAvVrubVT4btztbduoIgTLAeFILaQ==" type="text/javascript"></script>
<script type="text/javascript">
// Создание обработчика для события window.onLoad
YMaps.jQuery(function () {
// Создание экземпляра карты и его привязка к созданному контейнеру
var map = new YMaps.Map(YMaps.jQuery("#YMapsID")[0]);

// Установка для карты ее центра и масштаба
map.setCenter(new YMaps.GeoPoint(37.64, 55.76), 10);

var toolbar = new YMaps.ToolBar();

// Создание кнопки-флажка
var button = new YMaps.ToolBarToggleButton({
icon: "http://api-maps.yandex.ru/i/maps/icon-fullscreen.png",
hint: "Разворачивает карту на весь экран"
});

// Если кнопка активна, то карта разворачивается во весь экран
YMaps.Events.observe(button, button.Events.Select, function () {
setSize();
});

// Если кнопка неактивна, то карта принимает фиксированный размер
YMaps.Events.observe(button, button.Events.Deselect, function () {
setSize(500, 400);
});

// Функция устанавливает новые размеры для карты
function setSize (newWidth, newHeight) {
YMaps.jQuery("#YMapsID").css({
width: newWidth || "",
height: newHeight || "",
position: 'absolute',
});
map.redraw();
}

$(document).ready(function() {

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

YMaps.ToolBarToggleButton.click(function(){
newHeight = document.body.clientHeight;
newWidth = document.body.clientWidth;
setSize();
flag = 1;
});

//нажали обратно
YMaps.ToolBarToggleButton2.click(function(){
newHeight = 500;
newWidth = 400;
setSize();
flag = 0;
});
});

$(window).resize(function(){
newHeight = document.body.clientHeight;
newWidth = document.body.clientWidth;
if(flag){
setSize();
}
});

// Добавление кнопки на панель инструментов
toolbar.add(button);

// Добавление панели инструментов на карту
map.addControl(toolbar);
})
</script>
<div id="YMapsID" style="width:560px;height:487px"></div>

 

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

 

Не вижу в коде подключения к jQuery, вы его сюда не вставили или вообще нет?

случайно не отображается в консоли $ is not defined ?

и мне кажется напутано с ready ymaps и document ready

 

ну по крайней мере так  меня работает

 

 

  На весь экран

   

 

 

 

 

карать нещадно за api 1   =(