如何在传单弹出窗口中导入 html 文本答案

【问题标题】：How to import html text in a leaflet popup如何在传单弹出窗口中导入 html 文本
【发布时间】：2017-03-29 09:37:17
【问题描述】：

我有一张漂亮的地图，里面有一个很酷的事件，触发了类似的 map.onclick 事件：

function onMapClick(e) {
    L.popup()
        .setLatLng(e.latlng)
        .setContent('<link rel="import" href="./pages/myPopup.html">')
        .openOn(mymap);
    }
mymap.on('click', onMapClick);

我正在尝试在我的传单弹出窗口中导入 html 文本。我正在使用 bootstrap+JQuery 并且我已经看到 bootstrap3-dialog 但我认为有一些东西可以尝试 with HTML5 或使用 jquery，但我不知道如何！

我还找到了一些解释，说明有一个 click link inside leaflet popup 可以帮助你开始！ (JSFiddle here)

【问题讨论】：

您希望您的“html 文本”如何显示？它应该是一个新页面，在 Leaflet 弹出窗口中插入，用户应该单击以重定向到该页面的链接？..
哦插入传单弹出窗口！

标签： javascript jquery html twitter-bootstrap-3 leaflet

【解决方案1】：

您听起来正在寻找嵌入在 Leaflet 弹出窗口中的简单 <iframe>（而不是用于页面 <head> 的奇怪 <link> 标签）。

<iframe src="./myPopup.html"></iframe>

这非常简单，不会出现任何特定问题。不要忘记在 iframe 上设置高度和宽度。

演示：https://plnkr.co/edit/m94za7fHpGakqouMmwO2?p=preview

【讨论】：

啊！在我看来，这不是最好的解决方案，但所有其他解决方案 (detailled there) 对我都不起作用，所以我想这样做......谢谢你的回答！ =)
出于某种原因，这会将我的整个应用程序嵌入到弹出窗口中，即使我指向的是静态 html 文件
@Louis 如果您有其他问题，请打开一个新问题，其中包含您问题的具体细节。