将透明覆盖放置在整个谷歌地图上（如模态封面）

Question

标题建议你好

我有一张地图，除了一个挂在绝对位置的导航栏外，大部分都会填满屏幕。

点击标记后，我会弹出一个包含位置信息的信息框。我想在地图顶部放置一个黑色透明图层，以防止地图点击，直到关闭信息框。

我尝试使用自定义叠加层，主要是使用另一个信息框进行分层，但为了定位信息框，它会偏移顶部和左侧位置以满足其应覆盖的标记。

所以我现在所困的是一个黑色透明盒子，5000px乘5000px，显示在该针脚的左下方。

有没有办法设置叠加层以匹配谷歌地图画布？顶部，左侧，右侧，底部。

Answer 1

也许这可能是一个解决方案而不是使用叠加层。 您可以关闭控件，以便用户无法与地图进行交互。

如果您使用：

map.setOptions({draggable: false, 
        zoomControl: false, 
        scrollwheel: false, 
        disableDoubleClickZoom: true,
        streetViewControl: false,
        panControl: false,
        mapTypeControl:false});

您关闭了地图上的控件。其中map是您的地图对象。 每当你关闭你的信息窗口时，你就可以反转这个过程以启用所有功能。

Answer 2

我最终使用jquery将顶部，左侧位置设置为0并将叠加层移动到地图窗格。