Не появляются кнопки, Api key менял на свой. Код ниже. Что неправильно в коде? Или подскажите свой вариант для вывода карты на весь экран при клике, чтобы перекрывались все дивы.
<script src="http://api-maps.yandex.ru
<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
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>