Question

我正在使用Angular 4和Angular Google Maps。

我按照the getting started page中的说明操作，但每当我在地图视图中重新加载页面时，都会收到错误：You have included the Google Maps API multiple times on this page. This may cause unexpected errors.

这是我的代码的实现：

map.component.html

<div class="container">
  <agm-map [latitude]="lat" [longitude]="lng">
    <agm-marker [latitude]="lat" [longitude]="lng"></agm-marker>
  </agm-map>
</div>

map.component.ts

    import { Component, OnInit } from '@angular/core';
    
    @Component({
        selector: 'app-map',
        templateUrl: './map.component.html',
        styleUrls: ['./map.component.css']
    })
    
    export class MapComponent implements OnInit {
    
        private lat: number = 2.3522;
        private lng: number = 48.8566;
    
        constructor() { }
    
        ngOnInit() {
        }
    
    }

app.module.ts

//...
import { AgmCoreModule } from '@agm/core';
//...
import { MapComponent } from './map/map.component';
//...

@NgModule({
  declarations: [
  //...
  MapComponent
  ],
  imports: [
  //...
  AgmCoreModule.forRoot({
      apiKey: MY_KEY
  }),
  //...
  ],
  providers: [
  //...
  ],
  bootstrap: [AppComponent]
})
export class AppModule {

}

platformBrowserDynamic().bootstrapModule(AppModule);

请注意，如果我从另一个视图导航到地图视图，则没有此错误，但每次我在地图视图中重新加载页面时，错误都会显示在浏览器控制台中。

Answer 1

请查看链接中的讨论。这似乎与你面临的问题类似但是使用ng2。它可能指向你正确的方向

https://github.com/SebastianM/angular-google-maps/issues/315

在Angular 4中集成Angular Google Maps：页面重新加载错误

1 个答案: