Categories
video

QGIS 3.14 how to make a webmap with qgis2web and base map HOT OpenStreetMap

In this tutorial I used the new version of QGIS 3.14 – I noticed that the qgis2web function for choosing the base map has disappeared. I tried to load one with QuickMapServices, I chose HOT OpenStreetMap and the export worked well.

Categories
Map tutorial video

LeafletJS Map tutorial with Google Tag Manager and its events

LeafletJS Map tutorial with Google Tag Manager and its events https://youtu.be/TeXzuPxXrWg #leafletjs #tutorial #webdev #google #tagmanager #googletagmanager #gistipter #gistips

Categories
WebGIS

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.

Categories
WebGIS

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 presto per creare un’applicazione simile a Moovit, ma in questo biglietto i markers arancioni si muovono proprio sulle linee di trasporto (Bus, Metro, Tram …).

Un po’ è stato seguita l’idea del Plugin Time Manager di QGis ed in particolare il tutorial di Anita Graser e la spiegazione pratica di Massimiliano Moraca, ma poi la scelta è andata su LeafletJS e questo è l’ottimo risultato!

Mappa Video

Download video & GIF senza brand:

Riferimenti:

Categories
tutorial

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 potente software QGis, che legge nativamente la connessione con un database Postgres; in questo i modo i dati, estratti direttamente dal database in formato GeoJson, vengono visualizzati subito sulla mappa web.

Categories
QGis tutorial slack-gis-tips

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.

Categories
QGis tutorial slack-gis-tips

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 di QGis) https://grass.osgeo.org/grass64/manuals/v.generalize.html
> http://mapshaper.org/

E qui le risorse utili
> mappa web: http://cityplanner.it/webapp/gis053_simplify/
> file esercizio: https://goo.gl/XLUmHf

Categories
WebGIS

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 una versione compatibile, il suo nome è Ivan Sanchez che ha messo a punto Leaflet.GridLayer.GoogleMutant … ecco come funziona!

[buttonyoutube]https://goo.gl/XyxHmm[/buttonyoutube]

Categories
Eventi GISTIPS

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

FOSS4G-IT 2017Mercoledì 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

LeafletJS, la libreria Javascript per pubblicare mappe sul web, ha raggiunto un livello di sviluppo tale da adattarsi ad ogni esigenza. Trovare i dati, gestirli con QGis, imagazzinarli in un DB Postgres e da questo estrarre i file geoJson con query dinamiche tramite il PHP, significa ottimizzare il processo per la visualizzazione dei dati.

Nel workshop il docente farà una scaletta scelta opportunamente dal suo canale di Youtube

  • Docenti: Piergiorgio Roveda
  • Richieste: PC personale e VM Osgeo live

Programma completo

FOSS4G-IT 2017


Abbiamo il piacere di comunicare che il prossimo convegno italiano su Software e Dati Geografici Free e Open Source “FOSS4G-IT 2017” si terrà a Genova da mercoledì 8 a sabato 11 febbraio 2017. Per il primo anno tale convegno raccoglie insieme il “XVIII Meeting degli utenti italiani di GRASS e GFOSS”, il “X GFOSS DAY” e “OSMit2017”.

Categories
Maps WebGIS

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. In questo video tutorial vi mostro il funzionamento, che in pochi minuti, vi permette di avere uno wallpaper fullHD, con tante mappe da scegliere.

YouTube video tutorial

Riferimenti utili