Question

是否有插件可以执行此操作或执行此操作的方法？

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

编辑：框将位于水边部分的顶部。：）

Answer 1

你可以试试这个：

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

在你的div部分之后添加一个div作为我的上面的代码...并且从上到下设置你想要的位置..（例如：添加这个 - 顶部：“你需要”;左边：“你需要”;）

祝你好运

Answer 2

这样的东西（显然没有使用内联样式）：

<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>

在谷歌地图上放置一个div？

2 个答案: