Google Map problem


After adding google map to my app, the problem started to happen.

There are 2 paths to arrive to the view which has google map.
Path1 : 1 - 2 - 3 - 4 -> Which has the problem with google map!
Path2 : 1 - 3 - 4 -> The same view but doesn’t have any problem!

The problem is at 4th view. When i add the google map, it makes my background transparent, and then u can see the previews page. But when u arrive to 4th view through path 2, it doesn’t show any problem, and work like the 5th view in that image.

The 4th and 5th pages are the same page, but the 4th is how the problem looks, and the 5th is how it should look

P.S it crashes my app in IOS!


If you use @ionic-native/google-maps, the plugin sets transparent background mandatory to the parent nodes of <div id="map">.
Because the map is not a HTML element, it’s a native view, which is placed under browser view (outside browser).

The reason you can see previous page is you just hide the previous page using z-index.
You need to move it out of screen, such as left=-999px.


Thank you but i fixed it.


Please add a comment with what you did to fix it. It may help someone else in the future. Thanks!


The problem was at the “Filter Page” couse it was opened as a modal. I made it as a page and it worked!