{{ partial "head.html" . }}
{{ partial "header.html" . }}
Angular Google Maps (AGM)
Angular 2+ components for Google Maps

Really easy to get started!


import { BrowserModule } from '@angular/platform-browser';
import { NgModule, Component } from '@angular/core';

import { AgmCoreModule } from '@agm/core';

@Component({
  selector: 'app-root',
  styles: [`
    agm-map {
      height: 300px;
    }
  `],
  template: `
  <agm-map [latitude]="lat" [longitude]="lng"></agm-map>
  `
})
export class AppComponent {
  lat: number = 51.678418;
  lng: number = 7.809007;
}

@NgModule({
  imports: [
    BrowserModule,
    AgmCoreModule.forRoot({
      apiKey: 'YOUR_GOOGLE_MAPS_API_KEY'
    })
  ],
  declarations: [ AppComponent ],
  bootstrap: [ AppComponent ]
})
export class AppModule {}
						
Want to contribute? Found a bug?

Contributions and Bug reports are very welcome! We accept Pull Requests on Github.

Project on Githubchevron_right

Companies using it...

Your company name here

You're using AGM at your company? Cool! Send a mail with a Logo and a text and we list you here!

Your company name here

You're using AGM at your company? Cool! Send a mail with a Logo and a text and we list you here!

Your company name here

You're using AGM at your company? Cool! Send a mail with a Logo and a text and we list you here!

Your company name here

You're using AGM at your company? Cool! Send a mail with a Logo and a text and we list you here!
{{ partial "footer.html" . }}