In qgis2web two layers overlap hiding each other despite being seen in QGIS about qgis2web HOT 10 CLOSED

Hello,

Thank you for your attention.

It must have been a couple of years since we made a map using QGIS2WEB and we managed to overlay two layers without problems. The first layer was a smaller circle than the second layer and they both looked perfectly. However, at the moment I am trying to achieve something similar and it is impossible for me. No matter how many attempts I make, the first layer, even being smaller than the second, hides this one. I put the link of the web map that was created at that time and the result that I get now.

Obviously, we want the two circles to be seen at the same time, like in this map.

https://www.upo.es/facultad-ciencias-sociales/es/fcslab/mapa-areas-influencia-centros-educativos/

We would be delighted if you can give us an answer because we have been trying to get out of this problem for a long time, using different options, but without success.

Thank you very much and congratulations for your amazing pluggin!!

from qgis2web.

Are you able to publish your qgis project or your qgis2web export?
If you turn off the layer with the small circles on the map, is the layer with the large circles visible?
Can you consider exporting openlayers or do you really want to export with leaflets?

from qgis2web.

Thank you very much, Andrea!!
I will answer:

• Yes, I have no problem with qgis but I have problems with qgis2web, as the photo shows.
• If I do not select the first layer, you can see the big points perfectly
• I was exporting oppenlayers. After your suggestion, It works using leaflets (however, two years ago it worked using openlayers). A second question arrises when I use leaflets: if I I use triangles or squares for the back layer, they are converted on circles. So, instead a triangle and a circle inside this triangle, map shows a circle inside another circle.

Thanks again!! Regards. JM.

from qgis2web.

I struggle to help you with images only, my first request in the last post meant: can you create a zip of your qgis project and post it here as an attachment?
Then sorry, but I didn't understand if you are forced to export with leaflets or you can also consider exporting with openlayers and you are simply interested in making the project work on the web.
Finally, if you can't publish the qgis project can you provide a link to the new webmap that doesn't work? I would like to see the browser console if it shows any errors.

from qgis2web.

Hi, Andrea!! And thanks again. EI am trying to export the project using QConsilidate3 but it is not possible. I realize that it may be the problem I have with qgis2web (in openlayers). Let me show in a video what happens because it may be easy for you.
When I try to use qgis2web (openlayers) and when I try to export my project in a package ...
https://drive.google.com/file/d/11rKhH6N4BAqAsWSK8LVhV-mIKxaWUxws/view?usp=sharing

When I try to use qgis2web (leaflet)...
https://drive.google.com/file/d/1SWTDNbps8jst54-v5Ebr5X6eadyEXdH2/view?usp=sharing

Have you got some idea about the problem about my exportation?

Thanks a lot. Regards. JM.

from qgis2web.

To wrap up the project follow this video
https://www.youtube.com/watch?v=81ara67q2fY

Regarding your overlapping export issue, I noticed that openlayers export provides the issue but leaflet export works fine. I see in the second video the two overlapping layers that are turned on and off correctly, am I wrong?

from qgis2web.

Hi,
Yes, it works ok with leaflet, although the shapes of icons in web are different regarding the shape in qgis (the square, for example, become a circle)

I leave a link to GeoPackeage file. I hope it works:
https://drive.google.com/file/d/1e2Gw62hAX43jR9nwnjlfq03MU6Yon-x9/view?usp=drive_link

Thanks a lot. JM.

from qgis2web.

I think you don't have the latest version of the plugin. Try updating qgis2web.
Leaflet export does not support graphic shapes, you would have to export and then manually edit the code to write your own. I'm not an expert on leaflets but I'm sure you can find something by searching the web.

As for openlayers the result is excellent. This is the initial export:

Here's a zoom:

You don't see all the features because in the layers.js file the layers are configured as declutter: true, it means that the overlapping features won't be seen until you zoom in.
Editing the layers.js file by hand writing declutter: false here is the result:

You don't see all the features because in the layers.js file the layers are configured as declutter:true, it means that the overlapping features won't be seen until you zoom in.
Editing the layers.js file by hand writing declutter: false here is the result:

Ti allego i 2 progetti esportati
openlayers declutter false.zip
openlayers declutter true.zip

While zooming and panning the project is quite slow I think because there are so many points. Maybe you can search the web for some tricks to speed up openlayers with lots of geometries.
I think the slowness problem is generated by the ol.style.RegularShape style of the geometries.
I hope I was helpful

from qgis2web.

Brilliant!! Thank you very much. Now it works perfectly!!! Regards. JM.

from qgis2web.

I'm glad that qgis2web is in line with your expectations. Close the issue if it's resolved. Thank you.

from qgis2web.