Как при клике перерисовать карту яндекс или перезапустить?

Question

[Pit]

Есть карта с высотой 400 px, при клике на кнопку увеличить, я увеличиваю высоту блока где подключается карта до 700px, но проблема возникает в то что карта не заполняет всю высоту блока когда он увеличился, поэтому мне надо как то сделать перезапуск карты при клике на данную кнопку. Буду рад помощи.

Мой код кнопки и подключение карты

$(".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

[freeExec]

Пробуйте это
https://tech.yandex.ru/maps/jsapi/doc/2.1/ref/refe...

Comments

[Pit]

не помогает, или я не правильно его использую прописал вот так

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);

            //  Open map
			$(".map-size ").on('click',function(){
			    $(this).parents('.map-block').find("#map").toggleClass('s-lg');
			    myMap.container.getElement()
				    .style.height = '700px';
				
				myMap.container.fitToViewport();
			    return false;
			});

        }
    }
};