地图圆形边框webkit

Question

我一直在尝试几个小时才能得到这个工作..

我需要为Google地图制作圆形边框效果。

我知道webkit存在一个bug，到目前为止我没有在网上找到的解决方案，也没有我的努力似乎工作。

你能帮我吗？

--- CSS ---

#order_map_wrapper { 
    float: left; 
    position:relative; 
} 

#order_map_middle { 
    -webkit-border-bottom-left-radius:20px; 
    -moz-border-radius-bottomleft:20px; 
    border-bottom-left-radius:20px; 
    overflow: hidden; 
} 

#order_map { 
    height: 425px; 
    width: 485px; 
    -moz-border-radius: inherit; 
    -webkit-border-radius: inherit; 
    border-radius: inherit; 
} 

--- HTML ---

<div id="order_map_wrapper" > 
    <div id="order_map_middle"> 
     <div id="order_map"> 
     </div> 
    </div 
</div> 

Answer 1

我有这样的例子V2在线：

http://maps.forum.nu/temp/gm_rounded_corners.html

我当我找到时间时，我会尝试创建一个V3版本。