angular-google-maps: getNativeMap() and getBounds() Promise never gets resolved neither rejected

Hi all! You do not need a child directive to obtain your native map instance. You can get it subscribing for mapReady events on AgmMap object.

@ViewChild(AgmMap) agmMap;

ngAfterViewInit(){
	this.agmMap.mapReady.subscribe(map => {
		var trafficLayer = new google.maps.TrafficLayer();
		trafficLayer.setMap(map);
	});
}

In case anyone still has problems, you don’t need even a @ViewChild, as the mapReady is an event on the map component, so in your template just do <agm-map (mapReady)="onMapReady($event)"... and in your component define the onMapReady(map) method.

@giorgiofellipe It works!

I did like in comment (#715) (there are outdated, not working code example). Sorry, I don’t have time to full plunkr example, may be later. Try to use child directive.

@Directive({
  selector: 'my-custom-extension'
})
export class MyCustomExtension implements AfterViewInit{
  constructor(private _wrapper: GoogleMapsAPIWrapper) {
    console.log('constructor')
  }

  ngAfterViewInit() {
    console.log('ngAfterViewInit');
    this._wrapper.getNativeMap().then((m) => {
      console.log('native map',m);
    }, err=>{
      console.log('error',err);
    })
  }
}

@aamirkhan-91 Confirm I get the same result as you

aikeda, maybe you can post the whole code ?