qgis2web | QGIS plugin to export a map to an OpenLayers Leaflet | Map library

So I'm in the process of making a web map of previous projects. My experience with JavaScript and general web programming languages are limited and outdated (apparently OnClick is deprecated?)

Either way, I'm using QGIS2Web alongside Leaflet to produce this map and then had planned to further fine tune it through the source.

All has been well so far but now I am trying to add an event that occurs on click/on layer add (but not of every layer only specific region layers) which would then pan the map to the centroid of that region.

I started by first defining the function

I would like to draw features in the OpenLayers map geerated by QGIS2web plugin. Since eveything seems to be alright and all the features come out now, unlike the recent situation.

My full code is here:

https://jsfiddle.net/go39r4j7/

but I am not convinced enough about the situation, as I keep getting the error:

TypeError: Cannot read properties of null (reading 'get')

which points out the following piece of code:

I try to publish this WMS in qgis2web but it does not appear on the qgis2web web map. I usually use the SR EPSG 3004 but I can change if this is the problem.

https://wms.cartografia.agenziaentrate.gov.it/inspire/wms/ows01.php

Supported EPSGs are 6707, 4258, 3044, 3045, 3046, 25832, 25833, 25834.

I correctly display the level in qgis Warning: png and jpg maps are activated when you go below the 1:5000 scale in the Italian territory (i zoom in Fano city).

I am interested to including these separate map layers:

mappe, fabbricati, particelle.

Thanks

I created a map of Africa that shows all of Africa's administrative divisions. The purpose of this map is to show its users in which country each of the African languages is spoken.

When I try to export it to a web map, it adds a thick blue line that represents the boundaries of these divisions. How can I remove the thick blue line?

Another problem this map has is that when I hover over any of the divisions, a pop up appears that contains info about that division. The popup causes the map to move lower in order to fit. How can I prevent it?

The expected result that I have in mind is that when the users hover over any of the administrative divisions a pop up appears which provides the name of the division and the language that is spoken in that division.

SO I have tried:

• Checking if there is anywhere in my files where I can set the "Autopan" into false
• Using leaflet-responsive-popup
• Using Openlayers instead of Leaflet

But none of them worked. Currently what I am doing is deleting some columns.

I would appreciate any help or idea that can help me with fixing the issue.

The version of the QGIS that I am using is 3.16.1 - Hannover and the version of QGIS2WEB is 3.16.0.

The HTML and .js generated by QGIS2WEB is below:

I would like to have my element zoom-based. I don't need it visible when zooming out of 19, because my map doesn't look nice.

I tried to use the maxResolution method derived from the layers.js file, when it was found, as a whole map was generated by the QGIS2web plugin. Unfortunately it wasn't working

I tried also the minZoom feature, but in vain.

All the reasonable examples I found here:

https://openlayers.org/en/latest/apidoc/module-ol_View.html

https://openlayers.org/en/latest/examples/layer-zoom-limits.html

https://github.com/Viglino/ol-ext/issues/51

Another thread says about changing the maxResolution value, but it didn't work either.

https://gis.stackexchange.com/questions/160725/vector-layer-visibility-using-min-maxresolution-is-not-working-in-openlayers-2

Finally, my code looks as follows: