วีดีโอ

The layers list acts like a legend, with the added capability of allowing users to toggle on/off layers (51:17)

If your data is private or for whatever reason should not be shared with the public, you can still follow this tutorial to create the web map files. The files will be saved to your local hard drive, and you an open them in a web browser. You should not follow the parts of the tutorial showing how to upload the files to GitHub to create a public website.

Not sure I understand - do you want the image to appear in a pop-up box when you click on a feature? If so, I'd recommend Googling "qgis2web image in pop-up" - there are step-by-step tutorials and videos that show how to do this.

I'll look into it, thanks for your response@@rebeccaseifried2823 !!

Starting at 1:00:54 I show how to host the web map for free on GitHub

I got the sunrise/ sunset times and hours of daylight from Sunrise-Sunset.org via their API. More info and data sources are listed in the GitHub repo for the webmap: github.com/rmseifried/sunlight-in-the-us.

The layers list can be set to "Collapsed" or "Expanded" - check out the video starting at 51:15. Does that fix the issue for you?

@@rebeccaseifried2823 thanks for the feedback. It gives a kinda basic collapsible option straight from leaflet export. I realised that I am actually looking for a button, which when pressed will expand the legend. It seems that it requires a bit of coding to get to what I am looking for.

@@antoniepeens9667 Yep if you're able and willing to dig into the code itself, the Leaflet documentation will come in handy: leafletjs.com/reference.html

Is it a vector layer with an attribute table? A file like this might end in the extensions .shp, .csv, .kml, .geojson, etc. If it's a raster layer (such as a base map, or a file ending in .tif, .img, .jpg, etc.), then it won't have an attribute table and therefore there wouldn't be any data for a popup to show.

@@rebeccaseifried2823 Hi, I use vector .shp with Attribute table and XML and no Popup Fields option is displayed, I´ll continue making test. Thanks for taking the time to answer.

Layers are converted to geoJSON format, which will definitely slow down if the file is too large. If you are able to export the web map, check the file size of this data layer (in the "data" folder) - it should only be a few megabytes or less, ideally. If you need to reduce the file size, you can try deleting attribute fields you don't need, or simplifying the geometry (if the data are polygons or lines).

First question - if your layer is too large (it has thousands of features, or the geometry is very complex), then this method won’t work for your web map. Vector layers are exported in geoJSON format, which is only suitable for smaller files. Similarly, if you have large raster layers, it will slow down the web map significantly. Second question - rewatch the video starting at 23:30 for how to change the text that appears in the legend. Alternatively, you can edit the code in the index.html file (this line: github.com/rmseifried/sunlight-in-the-us/blob/f5fc21a2d3d18ac7f27b4a96fa3392eba76752a5/index.html#L555C1-L556C1)

Great question. It looks like there was some effort to integrate a time-slider extension into the qgis2web plugin about 5 years ago, but it wasn't tested for QGIS 3 (extension: github.com/ruz76/qgis2web_time_extension ). If you're comfortable with HTML, you could use the sample code in that repo as a template and try editing your web map files manually.

I think you're asking if it's possible to download a layer from a webmap and import it into QGIS. The first step is to download the file, which you can do with a browser's inspect tool (see the answer by tsando here: stackoverflow.com/questions/40772571/how-to-download-a-json-file-from-url). If the layer was created by the qgis2web plugin, it will have been converted to JSONP, so you'll need to remove the first bit of code up to the first curly bracket and then rename the file format from .js to .json (see gis.stackexchange.com/questions/265612/qgis2web-outputs-data-layers-as-jscript-script-file-can-i-convert-them-bac).

Would love to hear what you think Rebecca. Please help.

The first thing I would check is that "Leaflet" is selected as the export format (to the left of the "Update preview" button), since attribute filtering is only supported for Leaflet-based maps. See other known limitations on the plugin's GitHub page: github.com/tomchadwin/qgis2web

Great tips - thanks for sharing!

Thanks, Tom - that means a lot! I'm a big fan of qgis2web and gain ever more appreciation for it every time I work on my web maps :)

The qgis2web plugin generates a bunch of files. Some use JavaScript (files ending in the extension .js), some use CSS (.css), and the main file that the web map uses is in HTML (index.html).

@@rebeccaseifried2823 Thank you

This is a great question. I found one workaround solution on Stack Exchange by the qgis2web creator: gis.stackexchange.com/questions/203438/how-to-add-a-legend-to-rasterlayer-in-qgis2web-plugin-while-exporting-maps. Basically: take a screenshot of the legend you want to appear in the web map, save the file to the `legend` folder that qgis2web creates on export, then edit the code in the index.html file to link to that image. Look for the line of code that begins `L.control.layers` and replace "YourRasterName" with '<img src="legend/Screenshot.png" /> YourRasterName'. This forces the legend to use your screenshot as a symbol in the legend. You'll likely need to play around with HTML code to get the screenshot to be the right size.