Need Help -Stand-alone Leaflet Map HTML Created -Want to integrate into TW -Import Or iFrame

I have created a map using QGIS and using its qgis2web Leaflet plugin. It is a stand-alone html file which has layers and zoom, etc. similar to online maps and does not require any retrieval of online data, APIs, etc…

How could we import a leaflet html file or the leaflet portion so that it can be seen as a tiddler? Does anyone have some suggestions on this?

What about showing the html file in an iframe:

<iframe src="file.html" style="border:none;height:520px;width:100%;" title="any title">

Example iframe of a leaflet map standalone. I think as long as it is in the same directory or perhaps the ./files directory you should be good.

Standalone Leaflet Example

Thank you for the excellent suggestions. I suppose the iFrame method would work the most efficiently and not make the TW too heavy.

I have another idea. If I could create an SVG that’s larger than the “window” or frame it appears in, if could function like a map, although it wouldn’t have any zoom functions. SVG maps are pretty heavy, but PNGs and WEBPs are light.

Yet another solution would be just to host our own map tiles on a server. I’ll look into it.

By the way, I’m calling out for a discussion on TiddlyWiki’s Geospatial Plugin and OpenStreetMap as I intend to make a presentation to help drum up some interest within the two communities. I’m hoping to get a meeting online so I can further familiarize myself and have a working model that’s presentable, compelling and useful. I’m open to any ideas.