angular2-google-maps

Angular 2 Components for Google Maps.

Really easy to get started!

copy

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

import { AgmCoreModule } from 'angular2-google-maps/core';

@Component({
  selector: 'app-root',
	styles: [`
		.sebm-google-map-container {
			height: 300px;
		}
	`],
  template: `
		<sebm-google-map [latitude]="lat" [longitude]="lng"></sebm-google-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.

Maintainer

Sebastian Müller

Sebastian Müller - @Sebamueller

Sebastian is a Front-End Architect @ adesso. He's an JavaScript enthusiast and likes to develop reactive SPA with Angular 2.