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

Question

你好，正如标题所示

我有一张地图，除了挂在绝对定位大小上的导航栏外，大部分情况下都填满了屏幕。

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

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

所以我现在坚持的是一个黑色透明框，5000 x 5000 像素，出现在图钉的左下角。

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

Answer 1

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

如果您使用：

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

您关闭地图上的控件。map您的地图对象在哪里。每当您关闭信息窗口时，您都会反转此过程以启用所有内容。

Answer 2

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