PopUp with Images with QGIS2web

Question

1. is it possible to create popups with images via QGIS2web?
2. if yes, what would be the workflow?

Couldn't it figure out yet.

Answer 1

Please download the current master branch of qgis2web from Github:

https://github.com/tomchadwin/qgis2web

In Layer > Properties > Fields (I think), select an Image edit widget for a field. Select the images you want for each feature, and then run qgis2web. Set that layer's popups to that field or all fields, and export. The images should appear in your popups.

Try to make the images a suitable size, and do report any issues on Github. I'll release a new version including this functionality early next week, once I've updated the readme.

Answer 2

1. yes it is possible, like what @TomChadwin said with

   <img src="path/to/image.jpg" />
   

2. with a huge help from excel (using CSV file), i will explain in step:

   1.Load your data with the image hyperlink Column inside

   2.Make a new column where your url picture inside img tag with this formula okok

3. Then Copy those cells and Paste with Paste Special Values.

If you missing something, here is example for much clearer explanation, download it and open in spreadsheet like excel to see how it works. It supposed now you have Picture hyperlink that will pop up with Qgis2web.

here is the webmap : Endemic Animal of Indonesia Map

and here is the screen capture

and

Answer 3

There was a method of doing this in qgis2leaf, but I have not tested it in qgis2web. Add a column to your table called html_exp. Put HTML in that field to call your image:

<img src="path/to/image.jpg" />

Choose this field in qgis2web's UI in the "Info popup content" drop-down for that layer.

You will then need to copy the images to the "path/to" folder in your output.

Let us know if that works. I'd like to work out a better way to do this, but that's the only possibly option at the moment.