Google maps 谷歌地图V3 div位置固定更改相对

首先，对不起，我的英语不好

我对谷歌地图有问题。我想在一个div中得到一张地图，我想要这个div的位置：fixed

我的问题是在绘制地图之后，因为更改div的位置。开始是固定的，绘制之后是相对的，更改div的位置

这是我的代码，HTML

<div class="verMapa"> SEE MAP </div>        
<br><br><br>        
<div>
  <div id="mask" style="display:none; background-color:#000000; position:absolute; right:0; top:0; z-index:9000;"></div>

  <div id="capaMapa" style= "display:none; background-color:white; position:fixed; top:50%; left:50%; width:600px; height:400px; margin-top:-200px; margin-left:-300px;z-index:9900;">
  </div>
</div>

单击en“查看地图”后，我可以正确查看地图，但如果我在firebug中看到代码，则处于错误位置。div“capaMapa”中的样式已更改，现在位置：relative，该div在错误位置绘制

我在初始化map之后看到了这种变化，“map=new google.maps.map（document.getElementById（“capaMapa”），myOptions）；”因为如果我注释这条线，就可以在正确的位置绘制div

---

任何建议？

包含映射的DOM元素（

#capaMapa

在您的示例中）将始终具有

位置：相对。
尝试将其包含在另一个可以按预期设置样式的元素中：

<div id="capaMapa"><div id="map-canvas"></div></div>

为什么
显示：无
？没有它，这个例子就行了。好问题。（它来自原始css。）哦，我明白了，OP也想隐藏/取消隐藏地图（对不起，我已经看过了）。
<div id="capaMapa"><div id="map-canvas"></div></div>

#capaMapa {
    display:none;
    background-color:white;
    position:fixed;
    top:50%;
    left:50%;
    width:600px;
    height:400px;
    margin-top:-200px;
    margin-left:-300px;
    z-index:9900;
}

#map-canvas {
    position: relative; /* Will be set by the Maps API anyway */
    width: 100%;
    height: 100%;
}