javascript - 在整个谷歌地图上放置透明叠加层(就像模态封面)

Question

正如标题所示，你好

我有一张 map ，除了悬卡在绝对定位尺寸上的导航栏之外，它的大部分内容都填满了屏幕。

单击标记时，会弹出一个包含位置信息的信息框。我想在其后面、 map 上方放置一个黑色透明层，以防止在关闭信息框之前单击 map 。

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

所以我现在遇到的是一个黑色透明框，5000px x 5000px，出现在图钉的左下角。

有没有办法设置叠加层以匹配谷歌地图 Canvas ？上、左、右、下侧。

Answer 1

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

如果您使用:

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

您关闭 map 上的控件。其中 map 是您的 map 对象。 每当您关闭信息窗口时，您都会反转此过程以启用所有功能。