InfoWindow modern rectangle on maps.google.com

Question

How can I customize google maps v3 InfoWindow to achieve the same style as maps.google.com ?

Answer 1

Rectangular InfoWindows now the default style since Maps API 3.7 (current nightly version).

Answer 2

The API does not provide robust styling for InfoWindow objects (or, if so, it is not documented). You can see what options are available at http://code.google.com/apis/maps/documentation/javascript/reference.html#InfoWindowOptions . As you can see, now there is nothing like rounded corners against rounded corners, etc.

So, unfortunately, it looks like you're stuck in a mess with styles, at least for the time being.

Answer 3

This is actually the first time I see this. I’m sure that with the new Google Design Update they will definitely update Api windows. In the meantime, I will use: Google Maps: how to create a custom InfoWindow?

Answer 4

U can go deep into Css, then select the responsible rectangle for the info window and set the styles;

 #map_canvas div div div div div div div:nth-of-type(12) { -moz-border-radius:5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; } 

Answer 5

Use version 3.7+ api (they removed rounded corners after 3.6)