我有一个漂亮的 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

07-24 14:57