You can also use a thicker border. In this case the rounded corners of
the border will be visible:
#map {
border: 10px solid blue;
-moz-border-radius: 10px;
}
On Nov 6, 10:53 pm, cdaaawg <[EMAIL PROTECTED]> wrote:
> Thank you, Pil, for the concise and understandable reply. :) I will
> search for another method to attain my goal of smoothing out the harsh
> angular aspects of map presentation. Hopefully, I can achieve that
> through the use of css magic.
>
> On Nov 6, 5:29 am, "Pil (Trustworthy from experience)"
>
> <[EMAIL PROTECTED]> wrote:
> > The properties -moz-border-radius and -webkit-border-radius (as border-
> > radius when finished) are only applicable to such elements that are
> > built by the browser itself, for instance borders that are defined
> > using CSS:
>
> > border: 1px solid #000;
> > -moz-border-radius: 10px;
>
> > This would be a border built by the browser and therefore rounded.
>
> > These properties are not applicable directly to pictures or map tiles,
> > because that would mean that the browser has to change the pictures or
> > map tiles permanently.
>
> > On Nov 6, 11:10 am, cdaaawg <[EMAIL PROTECTED]> wrote:
>
> > > I am developing a google maps app on ubuntu 8.04 with firefox 3.0.3. I
> > > cannot get the map to show with rounded corners using css. As the page
> > > loads, I can see the div formed with rounded corners, but when the map
> > > loads, the tile's square corners jut out past the rounded corners of
> > > the div. Any ideas? I have not tested on any other platform/browser
> > > combo as yet. Here is my css code:
>
> > > #map_canvas {
> > > height: 100%;
> > > width: 70%;
> > > float: left;
> > > border-radius: 10px;
> > > -moz-border-radius: 10px;
> > > -webkit-border-radius: 10px;
> > > border: 2px solid red;
> > > margin: 0;
> > > padding: 0;
> > > }
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"Google Maps API" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to [EMAIL PROTECTED]
For more options, visit this group at
http://groups.google.com/group/Google-Maps-API?hl=en
-~----------~----~----~----~------~----~------~--~---
