Angular Google Maps (AGM) nicht sichtbar

Question

Ich versuche, meinem Angular-Projekt eine Karte hinzuzufügen. Verwenden Sie AGM, um das zu erreichen (https://github.com/SebastianM/angular-google-maps). Meine Karte zeigt aber nicht auf ...

app.module.ts:

@NgModule(<NgModule>{ 
    declarations: [ 
    AppComponent, 

    ], 
    imports: [ 
    BrowserModule, 
    OrderModule, 
    AngularFireModule.initializeApp(environment.firebase), 
    AngularFirestoreModule, 
    FormsModule, 
    MatTabsModule, 
    BrowserAnimationsModule, 
    MatTableModule, 
    MatFormFieldModule, 
    MatInputModule, 
    NoopAnimationsModule, 
    MatPaginatorModule, 
    MatSortModule, 
    MatButtonModule, 
    MatDialogModule, 
    MatCardModule, 
    MatSelectModule, 
    MatDatepickerModule, 
    MatNativeDateModule, 
    AgmCoreModule.forRoot({ 
     apiKey: <APIKEY> 
    }) 
    ], 

    exports: [FilterPipe], 
    providers: [], 
    bootstrap: [AppComponent] 
}) 

app.component.html:

<div> 
    <agm-map [latitude]="51.678418" [longitude]="7.809007" [zoom]="zoom" [disableDefaultUI]="false" 
      [zoomControl]="false"> 
    <agm-marker [latitude]="51.678418" [longitude]="7.809007"></agm-marker> 
    </agm-map> 
</div> 

ich dies in einem Matte- zeigt Tab-Komponente (Winkelmaterial)

Vielen Dank im Voraus!

Answer 1

Sie sollen diese eine Höhe der Karte geben, damit in Ihrer Komponente Stile hinzufügen:

agm-map{ 
    height: 300px 
}