Google Map Custom InfoWindow

187
May 05, 2018, at 6:43 PM

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?

Answer 1

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;
    } 
Rent Charter Buses Company
READ ALSO
CSS variables root pseudo class scope and changing values through javascript

CSS variables root pseudo class scope and changing values through javascript

I have a question regarding how it's possible to access CSS variables that are not inline/exist on the same pageI

187
ionic3 background slide / background ion-content

ionic3 background slide / background ion-content

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

276