AGM
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...
Festa Lá logo

Festa Lá

"Festa Lá" is a multiplatform entertainment solution whose main purpose is to inform about events, parties and concerts that will be held throughout the country.

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!