zone-google-maps-0.ts

import { Component, ViewChild, ElementRef, AfterViewInit } from '@angular/core';

@Component({
  selector: 'my-app',
  template: `
    <div class="map-container" #mapContainer><div>
  `,
  styles: [`
    .map-container {
      height: 300px;
    }
  `]
})
export class AppComponent implements AfterViewInit  {
  @ViewChild('mapContainer') map: ElementRef;

  private mapRef: google.maps.Map;

  ngAfterViewInit() {
    this.mapRef = new google.maps.Map(this.map.nativeElement, {
      zoom: 16,
      center: {
        lat: 38.9072,
        lng: 77.0369
      }
    })
  }
}