Contesto Dinamico

Maplite è ststo dotato di un ulteriore flessibile e potente funzionalità: è possibile infatti mandare in input un file contenente una serie di proprietà che permettono all’applicativo di costruire dinamicamente un contesto, inteso non solo come layers da rappresentare, ma anche anche come elementi fuzionali, link, testi e componenti da integrare all’interno dell’interfaccia.

Per ottenere tale modalità di funzionamento, è sufficente passare in querystring un file json con una struttura definita.

In particolare questa modalità operativa è adottata per la presentazione dinamica del contesto del Bollettino di Vigilanza Meteorologica del Dipartimento, per il quale file topojson contengono le informazioni relative alle zone d’allerta e ai livelli di criticità, oltre che alle regole di rappresentazione grafica in mappa che dovranno essere adottate.

In questo caso specifico, il file json inviato in querystring è il seguente:

https://raw.githubusercontent.com/pcm-dpc/bollettini-vigilanza-dev/master%2FBV%2F20210211.json

Esso contienei parametri:

• date - data di riferimento
• name - titolo applicato all’interfaccia della MapLite
• global_legend - riferimento alla Legneda della mappa che verrà presentata nel pannello laterale sinistro
• today | tomorrow | aftertomorrow - «fasi», ovvero oggetti contenenti a loro volta diversi parametri per la costruzione dinamica dell’interfaccia e del contesto in formato json. Alimentano apposito menu di selezione per passare dal Bollettino previsto per la giornata odierna o quella successiva, o la successiva ancora.

Ognuna delle Fasi contiene al suo interno:

• attachment - vettore con path ad allegati XML, PDF, SHP, Arichivio complessivo. Con il contenuto di questo vettore vengono costruiti dinamicamente i link per i download dei rapporti nei rispettivi formati dei Bolletti, presentati nell’interfaccia nel pannello «Informazioni».
• topojson - vettore contenente i layers topojson che verranno rappresentati in mappa, in questo caso i poligoni delle aree di allerta e i punti delle criticità.
• html_description - Descrizione testuale su precipitazioni, nevicate,visibilità, temperature, venti e mari. Il contenuto alimenta dinamicamene il testo del pannello «Informazioni»

Nelle immagini di seguito è possibile notare come gli elementi dinamici descritti nel file inviato in input vengano presentati nell’interfaccia dell’applicazione.

La legenda è costruita dinamicamente in base al valore global_legend, mentre il titolo della MapLite viene assunto in base al valore del parametro name. I layer raffigurati in amppa sono invece specificati, per ognuna delle fasi today | tomorrow | aftertomorrow , nei relativi topojson.

Nel pannello Informazioni il contenuto è costruito dinamicamente in base al contenuto dei parametri html_description e attachment

La combo box in alto consente di selezionare il valore di fase da visualizzare. In base al valroe selezionato, le rispondenti parti del file di input consentiranno di caricare dinamicamente il contesto, comprendente i layers con i propri attributi, la parte descrittiva del Bollettino e i rispettivi allegati.

Naturalmente il topojson include non solo la componente geometrica dei layers ma anche gli atttributi del vettore. Con click su mappa è possibile ispezionare tali attributi per le features selezionate.

L’utilizzo di topojson consente anche di avere attibuti complessi, che MapLite è in grado di interpretare. Nel caso rappresentato per le aree di allerta è possibile ispezionare quali comuni siano coinvolti.