css - Google マップ V3 の角を丸く保つにはどうすればよいですか?

Question

四角い外観のアプローチは非常に魅力的ではありません。

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

#container にはスタイルがありません。画像ベースのアプローチを試みましたが、うまくいきませんでした。また、参照されているスレッドも死んでいました。何か提案はありますか？

Answer 1

CSS の丸みを帯びた角は機能しません。画像または CSS マスクを使用します。

これは、CSS マスクの実行方法に関するスレッドです。

Answer 2

CSS の丸みを帯びた角を試したことがあると思いますか?

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