Post on 20-Jun-2015
description
transcript
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 !