Mappe interattive Web standards

+ =

iXMaps =

• iXMaps da visibilità ad informazioni con rilevanza geografica senza richiedere l’installazione di un map server.

• per pubblicare con iXmaps si utilizzano documenti statici in formati standard del W3C

• l’utente non è solo consumatore ma crea una sua visualizzazione seguendo le sue esigenze.

• l’utente è in grado di condividere facilmente la sua versione della mappa senza perderne le capacità interattive.

iXMaps =

• iXMaps è grafica vettoriale– scalabilità di tutti gli elementi della mappa senza perdere qualità– grafica eccellente in browser HTML5 – codice comprimibile– anche per soluzioni mobili

• SVG è DOM

– tutti elementi della grafica sono accessibili– da una mappa vettoriale si posso creare infinite mappe

tematiche– l’interattività è insita in ciascun elemento

= grafica vettoriale

• elementi grafici puliti in grande quantità e qualità

solo documenti - no server

• iXMaps combina in una mappa varie layer SVG da file statici

• i layer possono essere tagliati in ‘tile’ vettoriali.– si risparmia tempo all’inizio– si possono realizzare mappe molto complesse

• la mappa è semplice da pubblicare:– basta mettere i file nel web

• la mappa è archiviabile:– tutti i componenti della mappa interattiva possono confluire in

un unico file SVG

creare i documenti

• per una mappa interattiva tematica servono almeno due file,un file in SVG con la mappa e un file in formato JSON che contiene i dati.

esempio iXMaps project file <?xml version="1.0" encoding="utf-8"?><SVGGIS version="1.1"> <CONFIG> <MAP loadscript='../../js/mapscript.js' initscript='initAll' mode="GENINVISIBLE|CLIP_EXACT" projection="Mercator"

> <PROPERTIES> <!-- Input --> <INCLUDE name='qgis\province_2011_g.qgs' /> </PROPERTIES>

<LAYER type="feature" name="Sagoma" visible="true" id="0" style="fill:none;stroke:#888888;stroke-width:1;"> <FEATURES flag="NOLEGEND|NOTILES" /> <SCALEDEPENDENTRENDERER lower="1:500000" />

</LAYER> </MAP> </CONFIG></SVGGIS>

temi in JSON e storie in HTML

Per una mappa tematica

• si configurano i temi in JavaScript Object Notation(un semplice configuratore ‘online’ per creare e modificare temi)

• si scrive una storia in HTML dove i temi si inserisce con un semplice link (<a> tag)

<a href=“javascript:ixmaps.newTheme(‘... titolo ...’, tema1)”

var tema1 = { layer: 'SardegnaSussidi', field: 'IMP_2008',field100:'', style: 'type:CHOROPLETHE|QUANTILE|SUM; colorscheme:11,#F5F7CA,#245840 ‘ }

configurare il tema online

pubblicare e condividere

• le mappe di iXMaps sono pubblicabili con un set di template in HTML con l’interfaccia utente.

• la pubblicazione avviene attraverso REST API per scegliere una mappa di base, definire lo zoom o un tema completo:

• Questa interfaccia permette di inserire la mappa in una pagina HTML (embed) o condividerla, sempre con l’interattività compresa, con una semplice URL

http://maps.ixmaps.com/ui/dispatch.htm?ui=popout&minimal=1&toolbutton=1&logo=1&basemap=go&svggis=../../maps/svg/maps/Firenze/sezioni_censimento_2011.svgz&maptype=dark&bookmark=map.Api.doZoomMapToGeoBounds(43.76000451687768,11.218840103070484,43.792974438736245,11.284643641757889;map.Api.newMapTheme('SEZ2001','Epoca_costruzione_Fino_al_1918%7CEpoca_costruzione_1919_1945%7CEpoca ...

visualizzare la complessità senza filtro

con filtrodensità della popolazione

creare visualizzazioni quasi ‘naturali’

DataLab andare alla pagina:

lab.ixmaps.com

dove sono accessibili il configuratore, vari esempi ed immagini navigabili

Grazie !