Javascript 如何在谷歌地图中推送一个盒子？

我需要在谷歌地图里放一个盒子。 我有一张地图，下面有一个盒子，但我不知道怎样才能把盒子推到地图里面

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

您可以全屏观看，以便更好地理解：

你知道这是怎么得到的吗

---

多谢各位

我提出了这个解决方案：

变量输入=（document.getElementById（'--BOX_ID--'）； map.controls[google.maps.ControlPosition.TOP_LEFT].push（输入）

您可以在这里查看：

---

使用纯CSS的最简单方法。 确保z索引大于google地图z索引

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

---

可以使用地图覆盖…研究地图API文档。或者，使用相对位置将地图包裹在标注的元素中，将框放置在该元素中作为地图的同级，将框放置在绝对位置并调整z索引