把一个div放在googlemap之上？

Question

有没有这样做的插件或方法来做到这一点？

看，我有这个site，如果你滚动到底部，你会看到一个地图。我想要做的就是在地图上放置一个小盒子，就像一个包含联系信息的叠加层。

编辑：盒子将在水汪汪的部分顶部。 :)

Answer 1

像这样的东西（不使用内联样式明显）：

<div id="googleMapContainer" style="height: 400px; position: relative;"> 
    <div id="overlay" style="height: 300px; width: 25%; max-width: 340px; position: absolute; top: 50px; left: 0px; background-color: rgba(0, 0, 0, 0.7); box-sizing: border-box; padding: 20px; color: #ffffff;"> 
     <p><a style="color: #f1f1f1;">Here's a link in your overlay</a></p> 
    </div> 
    <div class="google_map" id="map_canvas" style="width: 100%; height: 400px; margin: 0;"></div> 
</div> 

Answer 2

你可以试试这个：

<div class="section" id="contact"> 
    <div style="width:100px; height:200px; background:#ccc;z-index:999999;position:absolute;">test</div> 
</div> 

添加一个div您的单元DIV如我上面的代码后，... （例如：添加 - 顶部：“你需要”;左：“你需要”;）

祝你好运