gpt4 book ai didi

javascript - 如何在传单弹出窗口中导入 html 文本

转载 作者:可可西里 更新时间:2023-11-01 13:23:14 24 4
gpt4 key购买 nike

我有一个漂亮的 map ,其中有一个很酷的事件可以触发像这样的 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 )

最佳答案

听起来您正在寻找一个简单的 <iframe> (而不是你奇怪的 <link> 页面 <head> 标签)嵌入在 Leaflet 弹出窗口中。

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

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

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

关于javascript - 如何在传单弹出窗口中导入 html 文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43089768/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com