Tengo un mapa bonito con un evento genial que desencadena un evento map.onclick como ese:
function onMapClick(e) { L.popup() .setLatLng(e.latlng) .setContent('<link rel="import" href="./pages/myPopup.html">') .openOn(mymap); } mymap.on('click', onMapClick);Y estoy tratando de importar texto html en la ventana emergente de mi folleto. Estoy usando bootstrap+JQuery y ya vi bootstrap3-dialog, pero creo que hay algo que probar con HTML5 o con jquery, ¡pero no sé cómo!
¡También encontré algunas explicaciones para tener un enlace de clic dentro de la ventana emergente del folleto que ayuda para comenzar! ( JSFiddle aquí )
Suena como si estuviera buscando un <iframe> simple (en lugar de su extraña etiqueta <link> que es para la página <head> ) incrustado en una ventana emergente de Leaflet.
<iframe src="./myPopup.html"></iframe>Esto es extremadamente simple y no presenta ningún problema en particular. No olvide establecer la altura y el ancho en su iframe.
Demostración: https://plnkr.co/edit/m94za7fHpGakqouMmwO2?p=preview