pianificazione territoriale comunale: non solo mappe di PJHooker www.cityplanner.it http://www.cityplanner.it/webmap-struttura-della-sorgente-pagina/ GIS open source per la Pianificazione Territoriale Quest'opera è distribuita con Licenza Creative Commons Attribuzione - Condividi allo stesso modo 4.0 Internazionale . WEBMAP struttura della sorgente pagina
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
pianificazione territoriale comunale: non solo mappe di PJHooker www.cityplanner.ithttp://www.cityplanner.it/webmap-struttura-della-sorgente-pagina/
GIS open source per la Pianificazione Territoriale
Quest'opera è distribuita con Licenza Creative Commons Attribuzione - Condividi allo stesso modo 4.0 Internazionale.
HTML: una mappa online è un elemento della pagina <html>
TEXT: nella pagina si possono inserire titoli <h1>..<h6>, paragrafi <p> e altri tipi di testo personalizzati <code>, <quote> ...
Titolo1Titolo2
<!-- librerie necessarie per la visualizzazione della pagina-->
HEAD: questa parte è nascosta, ma importante, perchè sono caricate le impostazioni e i metadati della pagina
DIV: la mappa è inserita in un contenitore, di solito un <div> a cui è associato un id, che permette al codice - ad esempio - JavaScript di controllare il contenuto, mediante il richiamo di funzioni di specifiche librerie
HTML5: in una pagina web, si possono inserire molti elementi di vario formato, come foto, video, grafici … ogni elemento è personabilizzabile, da chiunque abbia accesso come webmaster e i CMS come Wordpress, facilitano l’inserimento. Per conoscere tutto ciò che può essere inserito vedi questa pagina
er.it Ogni elemento disponibile nel linguaggio HTML5, può essere manipolato attraverso i CSS.
Ogni elemento può avere proprietà specifiche, ma per comodità si crea una struttura logica a cui associare dei riferimenti di stile: tutti gli H1, tutte le immagine, lo sfondo della prima pagina, il
bordo delle miniature ...
PC
Una mappa, racchiusa in un contenitore è un insieme di elementi HTML5, gestibili come una normale pagina web
Le sidebar permettono di inserire contenuti anche voluminosi nelle mappe… all’inizio la mappa sembrava contenuta nella pagina html, adesso la pagina html sembra contenuta nella mappa … ma è solo un gioco di contenitori possibile con CSS e librerie JavaScript apposite
Bootstrap http://getbootstrap.com/ è integrabile facilmente in ogni pagina HTML e aggiunge librerie Javascript, jQuery e CSS che danno la possibilità di inserire subito molti elementi con “stile” - non solo Bootstrap >> 8 bootstrap alternatives
La dimostrazione di come integrare diverse librerie è concretizzata da questo interessante progetto, Bootleaf. Con questo template, disponibile e scaricabile su GitHub si può personalizzare ogni singolo elemento e prendere qualsiasi elemento ed utilizzarlo sulle proprie mappe.
Le mappe LeafletJS usano codice “client-side” che significa anche che quello che vedi può essere ispezionato, studiato e copiato, considerando la licenza con cui è distribuito!