Angular Google Maps（AGM）不可见-Java 学习之路

我正在尝试将 Map 添加到我的Angular项目中 . 使用AGM实现（https://github.com/SebastianM/angular-google-maps） . 我的 Map 虽然没有出现......

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>

我在垫子组件（角形材料）中展示这个

提前致谢！

1 回答

7
你应该给 Map 一个高度，所以在你的组件样式中添加：
```
agm-map{
    height: 300px
}
```
回复于 2024-05-05T22:09:26+08:00

Angular Google Maps（AGM）不可见

1 回答

相关问题