Как встроить виджет яндекс карты в компонент angular6?
 

Помогите пожалуйста встроить виджет яндекс карты в компонент angular6, вернее понять в чём моя ошибка. я сделал следующее:

в компонент по событию ngAfterViewInit динамически встраиваю напрямую в DOM-дерево скрипты яндекс апи и виджета. корневой элемент встраиваю через шаблон компонента:

ngAfterViewInit() {
  this.renderMapWidget();
}

renderMapWidget() {
  const ymapsScript = document.createElement('script');
  ymapsScript.src = '//api-maps.yandex.ru/2.1/?load=package.standard&lang=ru_RU';

  const ymapsWidgetScript = document.createElement('script');
  ymapsWidgetScript.src = '//...............';

  setTimeout(() => {
    document.body.appendChild(ymapsScript);
    document.body.appendChild(ymapsWidgetScript);
  }, 2000);
}

в результате инспектор хрома показывает, что скрипты встроились(их даже можно открыть в новой вкладке), но корневой элемент виджета пустой.

Ещё пробовал делать то же самое, но скрипты встраивать не в конец body, а сразу под корневым элементом виджета. результат тот же