Rounded corners for the map view

[Deepak Nulu]

Hi,

I would like to set rounded-corners for the map view, but the following does not work:

#map-div {

  -webkit-border-radius: 6px;

  -moz-border-radius: 6px;

  border-radius: 6px;

}

I see rounded corners briefly when the page is first loading or when I am panning the map and new tiles are being loaded.

Is there some way to get rounded-corners?

Thanks.

-deepak

[Todd Albert]

For me, this worked in FireFox but not Chrome. I haven't tested other browsers yet.

See http://www.madvalorem.com/property.php?id=12434608250000030&city=Delray+Beach (in FireFox) for example.

Funny, I can see the border-radius working as the map loads, but then the tiles load and they're rectangular. Perhaps it's a z-index issue. 

-Todd

[Deepak Nulu]

Thanks for your response Todd.

It was not working for me in Safari (version 6.0.2 on Mac OS X 10.8.2), but after reading your post, I tried it in Firefox (version 16.0.2) and it worked there.

-deepak