Как подгрузить yandex map с помощью lazy load (с отсрочкой)?

Question

[Вадим Тимошенко]

Хочу отложить подгрузку Яндекс.Карты подобно LazyLoad для картинок. Я использовал ui.vue.directives.lazyload. Как просто в Битриксе можно отсрочить загрузку карты?

Answer 1

[Maxim Kirshin]

Инициализировать карту не после загрузки страницы, а по требованию (по скроллу, по таймауту, по клику и т.д).
Пример отслеживания координат блока: https://ru.stackoverflow.com/questions/641531/%D0%...

ymaps.ready(init); // инициализацию можно отложить и поместить например по скроллу до блока.
    var myMap;
    function init(){     
        myMap = new ymaps.Map ("map", {
            center: [55.76, 37.64],
            zoom: 7
        });
    }

Comments

[Maxim Kirshin]

Пример с jQuery

let yaMapsShown = false;
     $(window).scroll(function() {
         if(!yaMapsShown) {
             if ($(window).height() + $(window).scrollTop() > $("#yaMapsBlock").offset().top) {
                 yaMapsShown = true;
                 ymaps.ready(init);
             }
         }
     });