So far, following the Google Map's API Documentation about InfoWindow, I am able to achieve my own custom InfoWindow (shown in the picture below).
I, however, am not being able to remove the default white background provided by Google's default InfoWindow and it is appearing in the background of my custom InfoWindow in an ugly manner.
Is there any way to fix it?
You should use the following CSS attributes into your .css
.gm-style .gm-style-iw {
background-color: #252525 !important;
top: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important;
padding: 10px;
}
.gm-style div div div div div div div div {
color: #f1f1f1;
font-weight: bold;
}
Firebase Cloud Functions: PubSub, "res.on is not a function"
TypeError: Cannot read properties of undefined (reading 'createMessageComponentCollector')
I have a question regarding how it's possible to access CSS variables that are not inline/exist on the same pageI
I would like to know if someone can help me, the image in localhost, is correct centralized, but after the build it looks strange if someone can check the images