Google Maps Street View не работает с angular 6, когда я называю это кратно

Question

Я включил функцию, чтобы открыть вид улицы Google в местоположении. Он показывает, когда я нажимаю на кнопку, и скрывается, когда я нажимаю на нее снова. Это модальное bootstrap всплывающее окно.

Работает нормально, когда я нажимаю на кнопку в первый раз, чтобы показать ее. Но когда я закрываю модальное всплывающее окно и открываю его снова (или в любом другом всплывающем окне), он показывает неправильный вид улицы. С большим зумом и без буфера карты для увеличения и перемещения.

ВПЕРВЫЕ Я ОТКРЫВАЮ УЛИЧНЫЙ ВИД:

ПОСЛЕ закрытия и ОТКРЫТЬ ТО ЖЕ ИЛИ ДРУГОЕ МЕСТО НА УЛИЦЕ:

Мой html код:

[...]
<button type="button" class="btn btn-simple-dark" (click)="initialize()" [attr.aria-expanded]="!isCollapsed" aria-controls="collapse">
                {{ isCollapsed  ? 'Mostrar' : 'Ocultar' }} Street View
            </button>
            <div [ngClass]="{streetView: !isCollapsed}" id="street-view"></div>
[...]

И мой файл .ts:

[... The imports...]
export class ModalMupiComponent extends ModalComponent {

  isCollapsed = true;
  flag = false;
  constructor(public activeModal: NgbActiveModal) {
    super(activeModal);
  }
  initialize() {
    if (this.flag) {
      this.isCollapsed = !this.isCollapsed;
    } else {
        const panorama = new google.maps.StreetViewPanorama(
        document.getElementById('street-view'),
        {
          position: {lat: this.obj.lat, lng: this.obj.lon},
          pov: {heading: 165, pitch: 0},
          zoom: 1,
        });
        this.isCollapsed = !this.isCollapsed;
        this.flag = true;
    }
      }

}

Может ли кто-нибудь мне помочь?

С уважением.