我有一个漂亮的 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)
最佳答案
您听起来似乎正在寻找嵌入在Leaflet弹出窗口中的简单 <iframe>
(而不是用于<link>
页面的奇怪<head>
标签)。
<iframe src="./myPopup.html"></iframe>
这非常简单,不会出现任何特定问题。不要忘记在iframe上设置高度和宽度。
演示:https://plnkr.co/edit/m94za7fHpGakqouMmwO2?p=preview