Javascript 当谷歌地图全屏显示时，我如何强制Sweet Alert 2在谷歌地图上发射？

我有一个使用谷歌地图的应用程序。我正在使用Sweet Alert 2进行js确认。只要谷歌地图不在全屏模式下，我就不会有问题启动甜蜜警报对话框。但是，当谷歌地图在全屏模式下运行时，对话框会启动，但在我退出全屏模式之前不可见

我在引导模式上遇到了类似的问题，我通过在模式容器上设置z索引来解决它。我原以为我可以用Sweet Alert 2做同样的事情，但它不起作用

以下是用于激发抽汲的js：

Swal.fire({
    title: 'Are you sure you want to delete this point?',
    text: "You won't be able to revert this!",
    type: 'warning',
    showCancelButton: true,
    confirmButtonColor: '#3085d6',
    cancelButtonColor: '#d33',
    confirmButtonText: 'Yes, delete it!',
    customClass: {
        container: 'my-swal'
    }
}).then((result) => {
    ...
});

这是css：

.my-swal {
    z-index: 2147483600;
}

除了上面的代码之外，我还尝试将z索引应用于默认的Sweet Alert 2容器类“swal2容器”，而不指定customClass on fire。这也不管用

有趣的是，对于这两个示例，当我检查页面时，它显示容器的z-index设置为我指定的值，但警报仍然不可见。同样，这个解决方案也适用于页面上的引导模式容器，工作正常

---

任何建议都将不胜感激：）

Hey@rjj！，我是《甜蜜警报2》的作者。您能为您的用例创建一个glitch/jsfiddle/codepen吗？这对帮助你很有用。在上面的JSFIDLE中，如果单击标记，SweetAlert将正常触发。但是，如果使用地图控件并使地图全屏显示并单击标记，则甜蜜警报将在地图后面呈现。我使用引导模式做了同样的事情，更改z索引允许我在地图顶部设置模式。我需要在哪里应用z索引才能在地图前面进行渲染？嘿@rjj！，我是《甜蜜警报2》的作者。您能为您的用例创建一个glitch/jsfiddle/codepen吗？这对帮助你很有用。在上面的JSFIDLE中，如果单击标记，SweetAlert将正常触发。但是，如果使用地图控件并使地图全屏显示并单击标记，则甜蜜警报将在地图后面呈现。我使用引导模式做了同样的事情，更改z索引允许我在地图顶部设置模式。我需要在哪里应用z索引才能在地图前面进行渲染？