Partecipazione di iXMaps all' ISTAT Data Lab Open Census, SCE 2013, Bologna, 16.10.2013

1. +
=
Mappe interattive
Web standards

2. 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.

3. 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

4. = grafica vettoriale
• elementi grafici puliti in
grande quantità e qualità

5. 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

6. 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.

7. 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='qgisprovince_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>

8. 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)
var tema1 = { layer: 'SardegnaSussidi', field: 'IMP_2008',field100:'',
style: 'type:CHOROPLETHE|QUANTILE|SUM;
colorscheme:11,#F5F7CA,#245840 ‘ }
•
si scrive una storia in HTML dove i temi si inserisce con un
semplice link (<a> tag)
<a href=“javascript:ixmaps.newTheme(‘... titolo ...’, tema1)”

9. configurare il tema online

10. 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:
http://maps.ixmaps.com/ui/dispatch.htm?
ui=popout&minimal=1&toolbutton=1&logo=1&basemap=go&svggis=../../map
s/svg/maps/Firenze/sezioni_censimento_2011.svgz&maptype=dark&bookm
ark=map.Api.doZoomMapToGeoBounds(43.76000451687768,11.21884010
3070484,43.792974438736245,11.284643641757889;map.Api.newMapThe
me('SEZ2001','Epoca_costruzione_Fino_al_1918%7CEpoca_costruzione_1
919_1945%7CEpoca ...
•
Questa interfaccia permette di inserire la mappa in una pagina
HTML (embed) o condividerla, sempre con l’interattività compresa,
con una semplice URL

11. visualizzare la complessità
senza filtro
con filtro
densità della popolazione

12. creare visualizzazioni quasi ‘naturali’

13. DataLab andare alla pagina:
lab.ixmaps.com
dove sono accessibili il configuratore, vari esempi
ed immagini navigabili
Grazie !