際際滷

際際滷Share a Scribd company logo
+

=

Mappe interattive
Web standards
iXMaps =


iXMaps da visibilit ad informazioni con rilevanza geografica senza
richiedere linstallazione di un map server.



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



lutente non 竪 solo consumatore ma crea una sua visualizzazione
seguendo le sue esigenze.



lutente 竪 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
 linterattivit 竪 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 allinizio
 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='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>
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)
configurare il tema online
pubblicare e condividere


le mappe di iXMaps sono pubblicabili con un set di template in
HTML con linterfaccia 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 linterattivit compresa,
con una semplice URL
visualizzare la complessit
senza filtro

con filtro
densit della popolazione
creare visualizzazioni quasi n温岳顎姻温鉛庄
DataLab andare alla pagina:
lab.ixmaps.com
dove sono accessibili il configuratore, vari esempi
ed immagini navigabili

Grazie !

More Related Content

iXMaps al ISTAT Data Lab - SCE 2013

  • 2. iXMaps = iXMaps da visibilit ad informazioni con rilevanza geografica senza richiedere linstallazione di un map server. per pubblicare con iXmaps si utilizzano documenti statici in formati standard del W3C lutente non 竪 solo consumatore ma crea una sua visualizzazione seguendo le sue esigenze. lutente 竪 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 linterattivit 竪 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 allinizio 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)
  • 10. pubblicare e condividere le mappe di iXMaps sono pubblicabili con un set di template in HTML con linterfaccia 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 linterattivit compresa, con una semplice URL
  • 11. visualizzare la complessit senza filtro con filtro densit della popolazione
  • 12. creare visualizzazioni quasi n温岳顎姻温鉛庄
  • 13. DataLab andare alla pagina: lab.ixmaps.com dove sono accessibili il configuratore, vari esempi ed immagini navigabili Grazie !

Editor's Notes