google-maps: map doesn't render on iphone

[ngmiduc]

Bug Report

Plugin(s)

    "@capacitor/google-maps": "^5.4.1"

Capacitor Version

💊   Capacitor Doctor  💊

Latest Dependencies:

  @capacitor/cli: 6.0.0
  @capacitor/core: 6.0.0
  @capacitor/android: 6.0.0
  @capacitor/ios: 6.0.0

Installed Dependencies:

  @capacitor/android: not installed
  @capacitor/cli: 5.0.4
  @capacitor/ios: 5.0.4
  @capacitor/core: 5.7.0

Platform(s)

IOS

• IOS 15, Iphone SE (1) Emulator
• IOS 14, Iphone SE (1) real device

Current Behavior

The app doesn't crash but only a white map is created. There is no google maps logo visible and otherwise there are no further error logs.

Expected Behavior

Map should render.

Code Reproduction

code.zip

• ionic cap add ios

• npm install

• add google API key to google-maps component file src/app/core/map/components/google-map/google-map.component.ts

• ionic capacitor build ios

• open xcode

• download ios 15

• create emulator SE(1) with IOS 15

• run app or

• run against an older iphone

Other Technical Details

Additional Context

Maybe this is a similar issue to this one: https://github.com/ionic-team/capacitor-plugins/issues/1319 or this one: https://github.com/ionic-team/capacitor-plugins/issues/980

[AkshayKanchan]

Facing the exact same issue.