Conservación del estilo al producir mapas web con el plugin qgis2web de QGIS

Question

Utilicé el qgis2web para generar un conjunto de archivos HTML estáticos a partir de mi proyecto QGIS. Así es como mis capas se ven en QGIS:

Por lo tanto, sólo hay una capa de puntos y un mapa base.

Muy fácilmente he convertido esto en un conjunto de archivos HTML utilizando qgis2web. Así es como se ve la estructura del directorio con sus archivos producidos:

   index.html

layers
       layers.js
       Supermarkets.js

resources
       Autolinker.min.js
       ol.css
       ol.js
       ol3-layerswitcher.css
       ol3-layerswitcher.js

styles
        Supermarkets_style.js

Al abrir el index.html en un navegador se muestra este mapa de buen aspecto:

El mapa ha conservado algunas partes del estilo definido en QGIS, como el color de los puntos y las etiquetas, pero ha perdido los símbolos graduados de los puntos, como puede ver - los círculos de los puntos tienen todos el mismo tamaño en la página HTML.

Así que la pregunta es obvia: ¿alguien sabe cómo conservar esta parte del estilo al producir mapas web con el qgis2web?

¿Tal vez añadiendo un archivo de estilo SLD a algún código javascript? Si es así, ¿dónde y cómo lo hago?

Answer 1

Creo que los tamaños graduados son una característica bastante reciente de QGIS (2.10). Por lo tanto, todavía no los he implementado en qgis2web. Sin embargo, puedo echarle un vistazo. En respuesta a tu otra pregunta, no, no soy consciente de que se pueda utilizar directamente un SLD en OpenLayers3. Puede que otros lo sepan mejor.

ACTUALIZACIÓN

He confirmado un cambio en la rama maestra en https://github.com/tomchadwin/qgis2web . Resulta que el tamaño simple de los marcadores no se estaba transfiriendo a las exportaciones de OL3 para cualquier renderizador, no sólo para los graduados. Una prueba inicial parece mostrar que el tamaño graduado se transmite correctamente ahora. Si puedes probarlo y comprobarlo, háznoslo saber.

SEGUNDA ACTUALIZACIÓN

Esta corrección ha sido publicada como v0.29.0.

Answer 2

@gus velasco

Lo descubrimos en el chat. Estás estableciendo el tamaño a través de una anulación definida por los datos en un único renderizador de símbolos. Las anulaciones/expresiones no son compatibles. En su lugar (como lo hice yo), utilice un renderizador graduado, método: tamaño, y elija su campo para la clasificación.