Css 谷歌地图没有边界半径

当我们使用谷歌地图来显示地图时，不能做出圆边

仅在chrome上发行

HTML

---

正确。包含Google Map v3的对象的边框半径CSS样式未在Chrome中呈现。其他浏览器，如FireFox和Opera，也尊重这些设置。请注意，Chrome在Google Maps v2上没有这个问题，但由于将在5月份拔掉这个插头，这一点是没有意义的。

类似：

<div id="mapframe">
    <div id="map"></div>
</div>

#mapframe {
    margin: 50px;
    width: 290px;
    height: 290px;
    overflow: hidden;
    border: 10px solid #fff;
    border-radius: 200px;
    box-shadow: 0px 0px 1px #555;

}

#map {
    width: 290px;
    height: 320px;
    border-radius: 200px;
}