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.
Tag: LeafletJS
LeafletJS Map tutorial with Google Tag Manager and its events https://youtu.be/TeXzuPxXrWg #leafletjs #tutorial #webdev #google #tagmanager #googletagmanager #gistipter #gistips
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 l’accesso)
- Plugin
- Custom Post Type UI di WebDevStudios https://it.wordpress.org/plugins/custom-post-type-ui/
- Advanced Custom Fields di Elliot Condon https://it.wordpress.org/plugins/advanced-custom-fields/
Categories
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!
Download video & GIF senza brand:
Riferimenti:
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.
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.
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
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]
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
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
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”.
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.
Riferimenti utili
- Quasi mi dimenticavo, la mappa: cityplanner.it/webapp/wallmapper
- elenco layer: gistips_bassemaps.js
- parlano di WALLMAPPER: geoobserver.wordpress.com/geotapete…
- Guarda una colezione di screenshoots: plus.google.com/collection/4PG6ME