Показать сообщение отдельно
  #1 (permalink)  
Старый 16.08.2018, 22:28
Кандидат Javascript-наук
Отправить личное сообщение для zlodiak Посмотреть профиль Найти все сообщения от zlodiak
 
Регистрация: 24.02.2012
Сообщений: 104

Как встроить виджет яндекс карты в компонент 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, а сразу под корневым элементом виджета. результат тот же
Ответить с цитированием