Асинхронная подгрузка Яндекс Карт

ymaps-reqiure.js

// <script async src="https://...?lang=ru_RU&load=&onload=_onYandexMapLoaded"></script>
// or use module aload instead of async attribute (github.com/pazguille/aload)

(function () {
  var ymapFunctionsStack = [];
  var ymapsLoaded = false;

  // random postfix to get uniq function name
  window._onYandexMapLoaded = function () {
    ymapsLoaded = true;
    while (ymapFunctionsStack.length) {
      ymapFunctionsStack.pop()();
    }
  };

  window.ymapsRequire = function (dependencies, callback) {
    if (ymapsLoaded) {
      ymaps.modules.require(dependencies, callback);
    } else {
      ymapFunctionsStack.push(function () {
        ymaps.modules.require(dependencies, callback);
      });
    }
  };
}());


// Usage example:
// ymapsRequire(['Map', 'Placemark'], (Map, Placemark) => {
//   console.log('loaded', Map, Placemark)
// })

For common.js

// <script async src="https://...?lang=ru_RU&load=&onload=_onYandexMapLoaded"></script>
// or use module aload instead of async attribute (github.com/pazguille/aload)

const ymapsFunctionsStack = [];

// random postfix to get uniq function name
window._onYandexMapLoaded = function _onYandexMapLoaded() {
  while (ymapsFunctionsStack.length) {
    ymapsFunctionsStack.pop()();
  }
};

module.exports = function ymapsRequire(dependencies, callback) {
  if (window.ymaps) {
    ymaps.modules.require(dependencies, callback);
  } else {
    ymapsFunctionsStack.push(() => {
      ymaps.modules.require(dependencies, callback);
    });
  }
};


// Usage example:
// ymapsRequire(['Map', 'Placemark'], (Map, Placemark) => {
//   console.log('loaded', Map, Placemark)
// })