css - 谷歌地图叠加层

Question

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

我现在拥有的:

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

在 map div 中我放了我的谷歌地图，叠加层的背景和 map div 一样大，但谷歌地图一直把自己放在最上面。

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

Answer 1

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

If true, do not clear the contents of the 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);

但是，从语义上讲，按照@Marcelo 的建议，将 div#overlay 放在 map div 的下一个同级中感觉更好。