使用css和html的循环Google Map

Question

我正在尝试制作圆形谷歌地图但是，地图始终显示在方形中。我使用的是固定宽度的css圈（http://codeitdown.com/css-circles/）

.circle-text {
width: 500px;
height: 380px;
-moz-border-radius: 50%; 
-webkit-border-radius: 50%; 
border-radius: 50%;
background: #4679BD;
 }

<div id="map-canvas" class="circle-text"></div>

使用谷歌地图。

Answer 1

工作正常

<强> FIDDLE DEMO

<div id="map-canvas" class="circle-text"><div id="googleMap"></div></div>

<强>的CS

.circle-text, #googleMap {
    width: 500px;
    height: 380px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #4679BD;
}