How to redraw the Yandex map on click or restart it?

Question

JavaScript

There is a map with a height of 400 px, when I click on the increase button, I increase the height of the block where the map is connected to 700px, but the problem arises that the map does not fill the entire height of the block when it has increased, so I need to somehow restart the map when clicking on this button. I will be glad to help.

My button code and card connection

$(".map-size ").on('click',function(){
      $(this).parents('.map-block').find("#map").toggleClass('s-lg');
     
      return false;
  });
function getYaMap(){
    if($('#map').length){
     ymaps.ready(init); // карта соберется после загрузки скрипта и элементов
        var myMap; // заглобалим переменную карты чтобы можно было ею вертеть из любого места
        function init () { // функция - собиралка карты и фигни
            var myMap = new ymaps.Map("map", {
                center: [55.635691, 37.009368], 
                zoom: 10,
                controls: [],

            });

            myMap.behaviors.disable('scrollZoom', 'drag'); 
            myMap.controls.add('zoomControl', {position: {right: '20px', bottom: '108px'}});
            myPlacemark = new ymaps.Placemark(myMap.getCenter(), {
                // hintContent: 'Собственный значок метки',
                balloonContentHeader: 'Отделкино',
            	balloonContentBody: '<p><strong>Адрес:</strong> Москва, ул. Большая Сыромятническая, д. 5к2</p><p><strong>Телефон:</strong> [phone]</p><p><strong>Режим работы:</strong> Пн-Пт - 09:00-19:00, Сб - 09:00-19:00, Вс - 09:00-19:00</p><a href="#" class="btn btn--purpule">Перейти на сайт</a>',
            }, {
                iconLayout: 'default#image',
                
            })

            /* Добавляем метки на карту */
            myMap.geoObjects.add(myPlacemark);

        }
    }
};

Answer 1

Try this
https://tech.yandex.ru/maps/jsapi/doc/2.1/ref/ref...