Яндекс карты, webpack и react?

Question

[Антон]

Скажите, как правильно подключить яндекс карты к компоненту react?
Использую данный шаблон
https://github.com/iam4x/isomorphic-flux-boilerplate

Comments

[Сергей Сова]

+1

Answer 1

[Nash]

Всем, кто пришел сюда с поиска, советую использовать
npm i yandex-map-react

https://github.com/effrenus/yandex-map-react

Answer 2

[Антон]

Кому надо, я сделал так:

спасибо за код https://bradb.net/blog/promise-based-js-script-loader/

function script(url) {
  if (Array.isArray(url)) {
    let self = this;
    let prom = [];
    url.forEach(function (item) {
      prom.push(self.script(item));
    });
    return Promise.all(prom);
  }

  return new Promise(function (resolve, reject) {
    let r = false;
    let t = document.getElementsByTagName('script')[0];
    let s = document.createElement('script');

    s.type = 'text/javascript';
    s.src = url;
    s.async = true;
    s.onload = s.onreadystatechange = function () {
      if (!r && (!this.readyState || this.readyState === 'complete')) {
        r = true;
        resolve(this);
      }
    };
    s.onerror = s.onabort = reject;
    t.parentNode.insertBefore(s, t);
  });
}

script('//api-maps.yandex.ru/2.1/?lang=ru_RU').then(() => {
      const ymaps = global.ymaps;
    });

Comments

[Сергей Сова]

вы не знаете js раз пишете push внутри forEach

let prom = url.map((item) => this.script(item));