I’m trying to use Native Google Maps ( https://ionicframework.com/docs/native/google-maps/ ) inside of a Modal, and the map isn’t shown, instead in place of the map the background is transparent and I can see the underlying page. Any advice how to fix this will be highly appreciated!

This is what solved my problem: ion-app._gmaps_cdv_ .nav-decor{ background-color: transparent !important; }

Native Google Maps not working inside a Modal

setu1421 April 25, 2018, 2:02pm 15

I have tried with the solution provider here, but could not show the google map in modal. Please see my question here.

Topic		Replies	Views
Google Map as Native its not working with modal but its working as component with same page ionic-v3	7	1670	May 23, 2017
How to show Native Google Maps inside a Modal? ionic-v3	8	4018	July 19, 2021
Ionic 2 google maps cordova plugin ionic-v3	0	363	March 5, 2017
GoogleMaps Messing Up Modal on Ionic5 Ionic Framework	3	533	May 24, 2020
Google maps doesn't show up in modal ionic-v1	5	4269	May 22, 2017