bug(google-map): fitBounds need to run in setTimeout to apply

[christophe-mailfert]

Is this a regression?

• Yes, this behavior used to work in the previous version

The previous version in which this bug was not present was

No response

Description

Our app use a lot of GoogleMap and duno why the first loading of the map works correctly but all other with the navigation fail to fitBounds.
The only why i found to fix it is to wrap the fitbounds with a setTimeout.

Reproduction

Steps to reproduce:

1. https://stackblitz.com/edit/components-issue-wtbvby?file=src%2Fapp%2Fexample-component.ts
2. Without the setTimeout nothing appends
3. With the map update the center

Expected Behavior

fitbounds without a setTImeout

Actual Behavior

Need a setTimeout to fitBounds

Environment

• Angular: 13
• CDK/Material: 13
• Browser(s): Chrome
• Operating System (e.g. Windows, macOS, Ubuntu): MacOS

[andrewseguin]

The stackblitz is not working - it shows an empty page

[mloffer]

This is still a problem.

• @ViewChild(GoogleMap) is undefined inside ngAfterViewInit.
  • Still undefined if you reference it inside setTimeout.
• @ViewChild(GoogleMap) is undefined inside of GoogleMap.mapInitialized
  • Finally available if you reference it inside setTimeout.

[Ritin]

facing same issue
@angular/core@17.0.8
@angular/google-maps@17.0.4

@ViewChild(MapPolygon) daPolygon: MapPolygon;
@ViewChild('map') daGMap!: GoogleMap;
GoogleMap and MapPolygon are undefined inside onMapInitialized()
wanted to add that
it works inside onMapClick() without the need for setTimeout