CODEWITHSUNDEEP
google-mapsgoogle-maps-api-3google-maps-styling
Lambder
Lambder

Reputation: 2993

Modern rectangular InfoWindow on maps.google.com

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

Upvotes: 6

Views: 7811

Answers (5)

deweweb
deweweb

Reputation: 41

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; }

Upvotes: 1

Jason
Jason

Reputation: 7682

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

Upvotes: 0

Chris Broadfoot
Chris Broadfoot

Reputation: 5112

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

Upvotes: 7

Robert
Robert

Reputation: 816

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?

Upvotes: 1

Trott
Trott

Reputation: 70125

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.

Upvotes: 2

Related Questions