maps shows on page transitions

[medida]

currently using version 5.4.1
"@capacitor/google-maps": "^5.4.1",

I'm using the maps succesfully but i have a few issues with it.

Within my app i have multiple pages and the user can move around to show different data.
But after a user has been to a page with a MAP on it and then navigates away to another page which does not have a map, while the page is transitioning the MAP below webview is visible

I have tried to DESTROY the map and i store the google_map in a global variable so i can try and remove it where ever my users go...

But becuase the map is on the below the webview i can never get rid of this shadow of map.

How do other people cope with using the map - but then navigating to other pages which it out it look terrible.

Also when i destroy the map... and then go back to page which has a map - the previous one is still present for a moment with all the old map icons on it.

[AE1NS]

We solved this by creating an 'overlay' container with a filled background color, that will be displayed whenever the page will leave or vice versa.
As the native map will not listen to any css transitions, I think there wont be another solution right now.

[medida]

Thanks.
I gave up and i'm now running a JS google maps version.
I really could not get it to perform as well as I thought it should and i had to get the project done.