Error: Template parse errors: 'agm-map' is not a known element:

Please help me,

my dependencies:
“@agm/core”: “^1.0.0-beta.0”

my app.module: import { AgmCoreModule } from '@agm/core';

AgmCoreModule.forRoot({ apiKey: ‘(myapikey)’ })

my template:

<ion-content padding>
	<agm-map></agm-map>
</ion-content>

which is the error?

thanks, you are the best!!

[Golem765]

@jespoz Encountered same error, solution was to add AgmCoreModule to imports at the module that uses the map, so having AppModule and AccountModule I have following imports:

@NgModule({
    imports: [
        ***,
        AgmCoreModule.forRoot({
            apiKey: 'AIzaSyAsMcr_0zqJ0QG18Z4cx-ETuOps02jhD3g'
        })
    ],
    declarations: [***],
    bootstrap: [*** ]
})
export class AppModule {
}

@NgModule({
    imports: [
       ***,
        AgmCoreModule
    ],
    declarations: [
      ***
    ],
    providers: [
        ***
    ]
})
export class AccountModule {
}

Please note that *** stands for other non-relative to the problem imports, providers etc It is really a little ambiguous that we have to use AgmCoreModule at the nested modules

[AJRdev]

Oh ok, didn’t see it at first before your edited it.

Now I see the problem, you should get a look at the Plunker on the README of the project, you will understand straight away.

Basically you have to add this import :

import { Component} from '@angular/core';

Then add a component :

@Component({
  selector: 'my-map',
  styles: [`
    .sebm-google-map-container {
       height: 300px;
     }
  `],
  template: `
    <sebm-google-map>
    </sebm-google-map>
`})

And finally replace your template by :

<ion-content padding>
	<agm-map></agm-map>
</ion-content>

With that you should have a basic google map displayed. Let me know how it goes !