Перевод JS-скрипта внутри компонента Angular

У меня есть следующий простой скрипт из моего исходного приложения, и, поскольку я перешел на Angular, я хотел бы, чтобы он работал и там.

Оригинальный скрипт (date.js):

window.onload = (function() {
    var map = document.getElementById('map').contentDocument;

    var today = new Date();
    var date = today.toDateString();
    var textBox = map.getElementById('date');
    var textWrite = map.createTextNode(date);
    textBox.appendChild(textWrite);
});

Теперь в Angular я пытаюсь получить доступ к элементу, но он возвращает null. Это компонент HTML:

<object class = "mapCanvas" data = "assets/canvas/map.svg" type = "image/svg+xml" #map>Browser
  doesn't support SVG</object>

И в component.ts:

  @ViewChild('map', {read: ElementRef}) map: ElementRef;

  constructor() { }

  ngAfterViewInit(): void {
    console.info(this.map.nativeElement.contentDocument);
  }

Как я могу получить доступ к содержимому элемента DOM (объекта) и заставить скрипт работать?