ionic-team / capacitor-plugins

Official plugins for Capacitor ⚡️
532 stars 596 forks source link

Google-maps: After adding transparency all the way through...only have black empty space all around the map. #2109

Open askilondz opened 6 months ago

askilondz commented 6 months ago

Bug Report

Plugin(s)

@capacitor/google-maps

Platform(s)

Android

Current Behavior

Added transparency per docs to html, body ion-content and any other parent elements that the google-maps element is nested in. I can see the map. The issue is we are stuck with a solid black background around the map and no way to style the underlying divs because everything has to be transparent.

How else can we work around this so the map doesn't just look like it's floating on a black abyss of empty space?

tafelnl commented 5 months ago

You should probably just add elements (which then do have a background) around the area/div the map is displayed in. So you could add a header above it, a footer below it and just add some empty divs to the left and right