Добавляем блок:
<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&width=100%25&height=800&lang=ru_RU&scroll=true';
document.getElementById("YandexMap").appendChild(script);
}
100%.