javascript - 如何在谷歌地图内推一个盒子？

Question

我需要在谷歌地图中放一个盒子。我有一张地图，它下面有一个盒子，但我不知道如何推动盒子留在地图内。

这里我做了一个简单的例子：

http://jsbin.com/avAmEpAZ/1/edit

您可以全屏观看以更好地理解：http: //jsbin.com/avAmEpAZ/1

你知道如何获得这个吗？

非常感谢！

Answer 1

我提出了这个解决方案：

var input = (document.getElementById('--BOX_ID--')); map.controls[google.maps.ControlPosition.TOP_LEFT].push(input);

你可以在这里查看：

http://jsbin.com/avAmEpAZ/3/e ​​dit http://jsbin.com/avAmEpAZ/3

Answer 2

使用纯 CSS 的最简单方法。确保 z-index 大于 google map z-index。

#sizer {
    position: absolute;
    z-index: 999;
    width: 340px;
    top: 180px;
    margin-left:-170px;
    left:50%;
}