谷歌地图覆盖层

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