How can I configure the Google Maps api to show a white Google logo instead of the default version?

Question

this:

to this:

Is there an API setting to achieve this?

score 7 · Accepted Answer · answered Jul 10 '18 at 10:47

Setting any style will turn the logo to white.

That is apparently a design feature from Google to have a more neutral logo aspect (probably in case you change the map colors, it won't "conflict" with your color scheme).

I am not aware of any documented way to specifically set the logo color, but according to this issue (read the 2 comments from the Google assignee) you will get a white logo if you set styles, even to default.

Apparently, just passing an empty styles array works:

var style = [{
  "stylers": [{ 
  }]
}];

Thanks for the clarification! Good old Google with the esoteric documentation ;) — bob_cobb, Jul 10 '18 at 16:27

score 1 · Answer 2 · answered Jul 10 '18 at 04:49

I'm really unsure why, but adding this to the map's styles (and passed through defaultOptions) seems to make the logo white:

      styles: [
        {
          featureType: 'poi',
          elementType: 'labels.icon',
          stylers: [
            {
              visibility: 'off'
            }
          ]
        }
      ]

How can I configure the Google Maps api to show a white Google logo instead of the default version?

2 Answers2