Modern rectangular InfoWindow on maps.google.com

How can I style googl开发者_StackOverflow社区e maps v3 InfoWindow to achieve the same style as on maps.google.com?

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

The API does not provide for robust styling of the InfoWindow objects (or, if it does, 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, right now, there's nothing for things like rounded corners vs. not-rounded corners, etc.

So, sorry to say, it would seem like you are stuck messing with stylesheets, at least at the current time.

Actually thats the first time i'm seeing this. Im sure with google's new design update they are sure to update the Api windows. For the meantime I would use: Google Maps: How to create a custom InfoWindow?

U can go deep in Css then select responsible rectangle for infoWindow and set 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; }

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