谷歌地图覆盖层

Question

我正试图在我的谷歌地图上添加一层来掩盖它。没有任何与谷歌地图的互动，它只是一层在另一层之上。

我现在拥有的：

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

在地图div中，我放置了我的谷歌地图，并且叠加层的背景与地图div一样大，但谷歌地图一直保持在最顶层。

任何人都知道我能做些什么呢？

Answer 1

Google Maps API V3支持名为noClear的选项：

  

如果为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建议的那样。

Answer 2

API将覆盖您作为容器分配给地图的DIV内的任何内容。 要覆盖地图，您需要将叠加div放在地图div之外，位置为：absolute