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
-~----------~----~----~----~------~----~------~--~---
