映射圆边框webkit

Question

我已经尝试了几个小时才能让它发挥作用..

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

我知道webkit存在一个错误，到目前为止，我在网上找不到任何解决方案，我的努力似乎也没有。

你可以帮帮我吗？

--- --- 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版本。