Javascript.RU

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

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



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
jQuery (Как открыть объект в этом же окне, щёлкнув по нему мышкой) Объект кусок карты hadzhimuratov (X)HTML/CSS 32 18.06.2012 16:54
Ошибка в Яндекс API - карты ansi_str Библиотеки/Тулкиты/Фреймворки 0 16.03.2012 03:18
Мозаичное изображение (как в яндекс, гугл картах) Lottarend Общие вопросы Javascript 16 10.01.2012 08:11
Как встроить Cookie в код? max928 Элементы интерфейса 0 05.07.2011 00:21
Как лучше сделать виджет? comentator Элементы интерфейса 0 25.03.2011 07:44