如何让我的谷歌地图V3保留圆角？

Question

方形外观的方法非常不吸引人。

<div id ="container">
    <div id="map_canvas" style="width: 840px; height: 600px"></div>
</div>

#container上没有样式。我尝试了一种基于图像的方法，但它不起作用，而且它引用的线程也是死的。有什么建议吗伙计们？

Answer 1

CSS圆角将不起作用。要么使用图像，要么使用CSS掩码。

Here is a thread with how to do a CSS mask.

Answer 2

假设你已经尝试过CSS圆角？

#container {
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
}