WP Maps tutorial – Come inserire la prima mappa nel template di una pagina di WordPress

In questo prima puntata della serie WP Maps Tutorial, vederete i file necessari per creare un template; intervenendo sul codice, andremo a sostituire questi file del template, con alcuni nostri, semplificati e adatti ad inserire una semplice prima mappa. Video completo: http://bit.ly/2IsI9jz (GDrive folder – è richiesto l’accesso) Risorsa: http://bit.ly/2InCNGr (GDrive folder – è richiesto […]

Un biglietto di Natale a passo con i tempi

Merry Christmas Gistonickers, Gistipster & a tutti quelli che ampliano il loro #target con le #mappe ( le mappe di qualità sono il tuo #kpi ) #xmas2017🎄 Quest’anno col gruppo GIStonic tra le varie mappe & dati abbiamo analizzato gli archivi relativi al programmato del Trasporto Pubblico Locale sono scaricabili nel formato GTFS. E’ ancora […]

Modificare con QGis le geometrie di una mappa online con PostGIS e LeafletJS

Questa soluzione ci permette di aprire con QGis i dati cartografici pubblicati su una mappa web, pubblicata ad esempio con LeafletJS. Sto usando un sistema operativo Windows 10 e mediante il software PuTTY, creo un tunnel ssh alla porta 5432 di un server con PostGIS. La modifica dei dati quindi è possibile farla con il […]

How to create simple effects for map application with CSS

In this post I will show you how to create some effects that let your maps appeal more interesting/fancy/weird. These effects are just proof of concepts, but they could help you to attract more attention to your maps. The examples are created with Leaflet but they should work with other libraries too.

Come semplificare le geometrie pesanti per caricarle su una mappa web

In questo tutorial vedrai come semplificare uno shapefile da 80mb a 3-4mb; in questo modo la tua mappa web non si bloccherà più quando la visualizzi. In questo esempio specifico, applico due metodi, sui Comuni italiani e l’obiettivo è quello di rappresentare indicatori socio/demografici a colpo d’occhio. I metodi utilizzati sono: > v.generalize.simplify (grass plugin […]

Add Google Maps to LeafletJS 1.x (webgis043a)

La nuova versione della libreria LeafletJS, la 1.0.x ha introdotto dei cambiamenti di funzionalità che a volte sono incompatibili con i plugin sviluppati per le versioni 0.7 Il plugin che permette di caricare le mappe di Google, è vittima di questo cambiamento. Quasi scontato che qualche sviluppatore, ha subito pensato ha risolvere il problema, producendo […]

Dal Geoportale alla mappa web mediante LeafletJS – FOSS4G-IT 2017

FOSS4G-IT 2017: Mercoledì 8 febbraio si terranno 15 workshop, su 7 aule in parallelo, 14 presso il Dipartimento di Architettura e Design (DAD) ed 1, che impegna tutta la giornata, presso il Dipartimento di Ingegneria Civile, Chimica e Ambientale (DICCA). Programma completo WORKSHOP: Dal Geoportale alla mappa web mediante LeafletJS Aula 4 Architettura dalle 09:00 alle 13:00 […]

Io odio i WebGIS, ma adoro i wallpaper con le mappe

Quante volte avete cercato di salvare una mappa da mettere sullo sfondo del vostro desktop? Io parecchie e mi trovavo sempre a dovere “ispezionare” per togliere <div> e testi aggiuntivi! Bene, allora l’altro giorno mi sono messo a scrivere un po’ di codice e sono riuscito ad ottenere uno strumento comodo e semplice da usare. […]

Tutorial: LeafletJS e Material Design sui controlli

Una mappa online deve essere semplice e leggibile, ma anche rispettare le regole del web design moderno. Questo è la seconda parte del tutorial “LeafletJS e Material Design” e a prima parte la trovate in questo articolo. Si parte da: http://codepen.io/pjhooker/pen/VaxyaL da cui si può fare un FORK Innanzitutto biosogna disabilitare i controlli di default, […]

Tutorial: LeafletJS e Material Design

Una mappa online deve essere semplice e leggibile, ma anche rispettare le regole del web design moderno. In questo tutorial ho provato ad utilizzare CodePen e questo è il link del progetto. Mentre tutti i passaggi e i requisiti li puoi trovare qui. Creare una mappa online con la libreria Javascript chiamata LeafletJS è ormai quasi uno […]