Openlayer: stili per i poligoni e caricamento immagini statiche

[Massimiliano Moraca]

Buondì!
Ho messo online come test questa webmap fatta usando le librerie OpenLayers4 e che usa ol.source.ImageStatic ma noto che il caricamento dell'immagine non è immediato(soprattutto su smartphone). Vorrei sapere se c'è un modo per rendere l'immagine più leggera. Avevo pensato di tirare fuori da questa immagine 4 a diversa risoluzione(da bassa ad alta) in modo da differenziare il caricamento in funzione del livello di zoom.
Qui viene il bello: è una cosa fattibile?
In rete ho trovato informazioni solo sulla possibilità di differenziare le label in funzione del livello di zoom.

Un'altra cosa che non sono riuscito a fare e di cui non ho trovato(o saputo trovare) informazioni è la categorizzazione di un layer poligonale in funzione di un attributo tabellare(ad esempio la colonna tipo_uso). Come dovrei strutturare lo stile?
Ho provato così:

      var styleEdifici = new ol.style.Style({
                                            fill: new ol.style.Fill({
                                                                    switch(feature.get("uso")) {
                                                                          case 'Abitazione':
                                                                                    return [
                                                                                            new ol.style.Style({
                                                                                                              stroke: new ol.style.Stroke({
                                                                                                                                          color: 'rgba(0,0,0,1.0)',
                                                                                                                                          lineDash: null,
                                                                                                                                          lineCap: 'butt',
                                                                                                                                          lineJoin: 'miter',
                                                                                                                                          width: 0,
                                                                                                                                          }),
                                                                                                              fill: new ol.style.Fill({
                                                                                                                                      color: 'rgba(141,226,67,1.0)',
                                                                                                                                      }),
                                                                                                              }),
                                                                                            ],
                                                                                    break;
                                                                                  },
                                                                      }),
                                                });

Ma ho un errore (Unexpected token .) nella riga in cui c'è switch; se disattivo lo stile i poligoni compaiono senza problemi e, ovviamente, senza vestizione. Se volete dare un occhio al file scaricatelo da qui. Dove sbaglio?

[Massimiliano Moraca]

Massimiliano Moraca wrote

Buondì!
Ho messo online come test questa webmap fatta usando le librerie OpenLayers4 e che usa ol.source.ImageStatic ma noto che il caricamento dell'immagine non è immediato(soprattutto su smartphone). Vorrei sapere se c'è un modo per rendere l'immagine più leggera. Avevo pensato di tirare fuori da questa immagine 4 a diversa risoluzione(da bassa ad alta) in modo da differenziare il caricamento in funzione del livello di zoom.
Qui viene il bello: è una cosa fattibile?
In rete ho trovato informazioni solo sulla possibilità di differenziare le label in funzione del livello di zoom.

Quasi risolto! :)
Ho attivato le clausole minResolution e maxResolution ed ho creato 2 png dell'immagine di partenza ma con dpi a 25 ed a 50.
Il mio intento è quello di caricare l'immagine a 25dpi in prima battuta che si disattiva quando si arriva ad una certa risoluzione per lasciare il posto all'immagine a 50dpi.
Qua viene il problema...l'immagine a 25dpi viene vista senza problemi ma arrivato alla risoluzione prestabilita non viene sostituita da quella a 50dpi e la mappa resta senza immagine.... Perchè succede?