Блог о программировании на PHP, Yii2, 1C-Bitrix

Динамическое изменения размера карты yandex

Для того, чтобы, изменить высоту карты yandex’а в bitrix’е, например, по нажатию кнопки, мне потребовалось:

  • Вынести переменную map, из компонента map.yandex.system, которая создается при инициализации, выше, в компонент формирования маркеров.
  • И создать событие клика по кнопке, которое будет менять высоту и перерисовывать карту:
    $('.show-map').click(function(){
    	if( $(this).hasClass('open') ){
    		$('.bx-yandex-map').height(257);
    		$(this).find('span').text('Развернуть карту');
    	}else{
    		$('.bx-yandex-map').height(700);
    		$(this).find('span').text('Свернуть карту');
    	}
    	$(this).toggleClass('open');
    	map.container.fitToViewport();
    })