Just use the round corner for your container which I suppposed is made in EA or you can use radius as:
that did not seem to help I tryed placing that code in everywhere and it did nothing. Keep in mind I need the emded googlemap to have a custom shape with rounded off corners.
According to a Google group, this solution was proposed:with absolute positioning, you can lay an empty <div> over the map <div>. The empty div can be bordered as you like independently of map. Both div's must be equally absolutely positioned
which is not nice.
actually after testing their example, it does not work.
It seems that the Google map loads with squared corners and always on top of the container. So even if the container has rounded corner, it does not make any difference.
can you be more specific on this process which you mentioned using divs or could you create a working version for download to use in edge.
A clue from Maries answer - nest the Google Map iframe reference inside a rounded rectangle div with overflow set to hidden.
Example preview - http://www.heathrowe.com/edge/googleMapNested/googleMapNested.html
What I did
- Rounded Rectangle with Border and Drop Shadow; Set RoundRect Overflow to Hidden.
- Rectangle Nested inside the Round Rect;
- Added creationComplete snippit to append the google iframe reference into the Rectangle element.
Download sample here - http://www.heathrowe.com/edge/googleMapNested/googleMapNested.zip