时间戳

首页 > 解决方案 > Angular Google 地图放置在 sweetalert2 弹出窗口中时不显示

html - Angular Google 地图放置在 sweetalert2 弹出窗口中时不显示

问题描述

我正在尝试使用 sweetalert2 显示谷歌地图段是一个弹出区域。以下 sweetalert2 函数中提供的相同 HTML 代码段在粘贴到 HTML 页面本身时有效。但不在警报中。

export function showGoogleMap() {
    swal({
        title: 'HTML <small>125</small>!',
        html: '<div style="width: 100%; height:500px;"><agm-map style="height: 300px;" [latitude]="51.678418" [longitude]="7.809007">\n' +
        '<agm-marker [latitude]="51.678418" [longitude]="7.809007"></agm-marker></agm-map></div>',
        width: '800px'
    });
}

那里只会显示一个空白区域。检查下图，但不在警告框中。你可以看到地图在 HTML 中工作我在这里做错了什么？

在此处输入图像描述

标签： htmlangulargoogle-mapsgoogle-maps-api-3sweetalert2

解决方案

看起来这个库不支持 HTML 中的角度代码，因此您在警报中的地图根本没有被呈现。请参阅将 sweetalert 2 与自定义 html 和 AngularJS 一起使用

这可能是另一种选择https://github.com/sweetalert2/ngx-sweetalert2

希望这可以帮助！

推荐阅读