Версия:
Популярные примеры
Карта
Геообъекты
Балун и хинт
Элементы управления
Активные области
Кластеризация
GeoQuery
Поведения и события
Поиск по карте
Пробки
Местоположение пользователя
Маршрутизация
YMapsML
GeoXML
ObjectManager
Модульная система
Панорамы
Внешние модули

Изменение размера карты

Сохранить как файлыЭкспорт на JSFiddle

Размер карты определяется при ее создании менеджером контейнеров. Далее карта не следит за возможными изменениями своих размеров. Чтобы карта изменила свои размеры на актуальные, требуется вызов функции менеджера fitToViewport().

Если скопировать полный код примера в новый HTML-документ, развернутая карта будет полностью занимать область просмотра браузера.

\n","fillcontainer.js":"ymaps.ready(init);\n\nvar myMap,\n bigMap = false;\n\nfunction init () {\n myMap = new ymaps.Map('map', {\n center: [55.755768, 37.617671],\n zoom: 10\n }, {\n // При сложных перестроениях можно выставить автоматическое\n // обновление карты при изменении размеров контейнера.\n // При простых изменениях размера контейнера рекомендуется обновлять карту программно.\n // autoFitToViewport: 'always'\n searchControlProvider: 'yandex#search'\n });\n $('#toggler').click(toggle);\n}\n\nfunction toggle () {\n bigMap = !bigMap;\n\n // Добавляем/убираем CSS-класс, определяющий размеры контейнера карты,\n // заданные в абсолютных единицах (300x200 px).\n if (bigMap) {\n $('#map').removeClass('smallMap');\n } else {\n $('#map').addClass('smallMap');\n }\n\n // Если выставлен флаг, сообщаем карте, что ей следует\n // привести свои размеры к размерам контейнера.\n if ($('#checkbox').prop('checked')) {\n myMap.container.fitToViewport();\n }\n}"},"resources":[],"directory":"https://sandbox.api.maps.yandex.net/examples/ru/2.1/fillcontainer/"}
Пишете на JavaScript? У нас есть вакансии
Sun Sep 18 2022 20:10:14 GMT+0300 (Moscow Standard Time)