Отложенная загрузка яндекс карты

Добавляем блок:

<div id="YandexMap"></div>

И сам код JavaScript:

// отложеная загрузка яндекс карты
document.addEventListener('DOMContentLoaded', function() {
    setTimeout(initYandexMap, 8000);
});
document.addEventListener('scroll', initYandexMapOnEvent);
document.addEventListener('mousemove', initYandexMapOnEvent);
document.addEventListener('touchstart', initYandexMapOnEvent);
function initYandexMapOnEvent (e) {
    initYandexMap();
    e.currentTarget.removeEventListener(e.type, initYandexMapOnEvent);
}
function initYandexMap () {
    if (window.yandexMapDidInit) {
        return false;
    }
    window.yandexMapDidInit = true;

    const script = document.createElement('script');
    script.type = 'text/javascript';
    script.async = true;

    script.src = 'https://api-maps.yandex.ru/services/constructor/1.0/js/?um=constructor%3Aa0114fef53379d8dd5de21fd7b24915be62f742794ca8c30fdf1c864589412bd&amp;width=100%25&amp;height=800&amp;lang=ru_RU&amp;scroll=true';

    document.getElementById("YandexMap").appendChild(script);
}

 

 

100%.

Содержимое
Вам может быть интересно

Скрол к блоку на странице (без перекрытия)

Маска на поле телефон

Форма Elementor

Let's work together!