如何在谷歌地图上放置一个div

Question

我需要在谷歌地图上放置一个div，地图必须有响应，所以#map-menu不能在绝对位置

这是代码：

<div id="map-container">
   <div id="map"></div>
   <div id="map-menu">Text</div>
</div>

#map-container {
   width: 100%;
   height: 100%;
   position:relative;
}

提前感谢！

更新： 我添加了

#map-menu {
  position: fixed;
  float: right;
}

Answer 1

HTML

add class "inner" to divs

jquery的

 $(document).ready(function () {
 $('.inner').wrap( "<div id="map-container"></div>");
 });

Answer 2

我使用位置绝对和z-index

<div id='map' >
</div>

<div id='search_location' >
......
</div>

和css

#search_location{   
   position: absolute; 
   top:6px;     
   right: 235px;    
   width:680px; 
   height:30px;
   z-index: 2000; 
               ....
 }