谷歌地图覆盖层

我试图在我的谷歌地图上放一个图层来覆盖它。不必与谷歌地图进行任何交互，它只是一层在另一层之上。

我现在有什么：

<div id="map">
   <div id="overlay"></div>
</div>   

在地图 div 中，我放置了谷歌地图，覆盖层的背景与地图 div 一样大，但谷歌地图始终将自己放在顶部。

有人知道我能做些什么吗？

Google Maps API V3 支持一个名为noClear http://code.google.com/apis/maps/documentation/javascript/reference.html#MapOptions:

如果为 true，则不清除 Map div 的内容。

像这样使用它：

var myLatlng = new google.maps.LatLng(-34.397, 150.644);
var myOptions = {
  zoom: 8,
  center: myLatlng,
  mapTypeId: google.maps.MapTypeId.ROADMAP,
  noClear: true,
};
var map = new google.maps.Map(document.getElementById("map_canvas"),
    myOptions);

然而，从语义上讲，将 div#overlay 作为地图 div 的下一个兄弟感觉更好，正如@Marcelo 建议的那样。