谷歌地图覆盖层

Question

我试图把一层放在我的谷歌地图顶部来掩盖它。不需要与谷歌地图进行任何交互，它只是一层。

我现在有：

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

在地图div

我把我的谷歌地图，以及覆盖层大如地图div的背景下，但谷歌地图一直把自己放在上面。

任何人都可以为我做些什么呢？

Answer 1

API将覆盖您作为容器分配给地图的DIV内的任何内容。 为了掩盖你需要把你覆盖DIV地图div外侧位置的地图：绝对

Answer 2

谷歌地图API V3支持称为noClear一个选项：

如果为真，不清除内容的地图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＃覆盖为地图div的下一个兄弟作为@Marcelo建议。