Capacitor google map

Please describe the question in detail and share your code, configuration, and other relevant info.

I’m getting (randomly) a grey screen instead of the google map (see image). It works sometimes (same device, different day) so it is not the API key. The console doesn’t seem to show any errors. This is a web app, and have it tested on Windows Edge, Chrome Android, etc. and

Any help would be much appreciated

async createMap(){ = await GoogleMap.create({
      id : 'my-map',
      apiKey : "AIzaSyBheHnjfIcknJdwopZ_kz8h8FQ4BY4G4i0",
      config : {
        "center" :,
        "zoom" : 18
      element : this.mapRef.nativeElement,
      forceCreate : true
    console.log('map is ready')


Do you have an API Limit or quota that you might be exceeding?

I don’t see any limit or quota being exceeded. And also checked with two devices at the same time, one presenting the problem and the other working just fine

did you add the needed style to the map?

capacitor-google-map {
  display: inline-block;
  width: 275px;
  height: 400px;