Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

iXMaps al ISTAT Data Lab - SCE 2013

335 views

Published on

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

Published in: Technology
  • Be the first to comment

  • Be the first to like this

iXMaps al ISTAT Data Lab - SCE 2013

  1. 1. + = Mappe interattive Web standards
  2. 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. 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. 4. = grafica vettoriale • elementi grafici puliti in grande quantità e qualità
  5. 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. 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. 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. 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. 9. configurare il tema online
  10. 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. 11. visualizzare la complessità senza filtro con filtro densità della popolazione
  12. 12. creare visualizzazioni quasi ‘naturali’
  13. 13. DataLab andare alla pagina: lab.ixmaps.com dove sono accessibili il configuratore, vari esempi ed immagini navigabili Grazie !

×