Each new version of the WordPress theme increases the customization possibilities. Now the changes that can be made to the new Twenty Twenty theme are many and in this video tutorial I will show you how to do them in a few minutes.
Categoria: Map tutorial
LeafletJS Map tutorial with Google Tag Manager and its events https://youtu.be/TeXzuPxXrWg #leafletjs #tutorial #webdev #google #tagmanager #googletagmanager #gistipter #gistips
Required for this tutorial:
– account DigitalOcean (REFERRAL LINK https://m.do.co/c/0b88c63ccdf0)
– PuTTY: a free SSH and Telnet client
– Windows 8 or higher
– pgAdmin4
– QGIS
Italian version: this link
Procedura
– create droplet digitalocean 1GB 5€/mo
– connect with putty and change password
– (https://www.digitalocean.com/community/tutorials/how-to-install-and-use-postgresql-on-ubuntu-18-04)
– sudo apt update
– sudo apt install postgresql postgresql-contrib
– (https://black-tea.github.io/setup-notes/2017/03/12/Postgres-and-GeoServer-on-DigitalOcean-Ubuntu.html)
– (https://launchpad.net/ubuntu/bionic/+package/postgresql-10-postgis-2.4)
– sudo apt-get install postgresql-10-postgis-2.4
– (https://www.igismap.com/install-postgis-postgresql-ubuntu/)
– sudo -u postgres psql
postgres=# CREATE DATABASE mygeo;\connect mygeo;
postgres=# CREATE EXTENSION postgis SCHEMA public; (QGIS expects postGIS to be installed in Public schema)
(https://medium.com/coding-blocks/creating-user-database-and-adding-access-on-postgresql-8bfcd2f4a91e)
postgres=# create user pjhooker with encrypted password ‘1jRM6EA0’;
postgres=# grant all privileges on database mygeo to pjhooker;
– putty tunnel
– create connection with pgadmi4
– create connection with qgis3.2
– import pg_cittametropolitane
– load in qgis pg_cittametropolitane
In un pomeriggio come altri, abbiamo fatto questo percorso: Monte Pravello e Fortificazioni Linea Cadorna -Viggiù e nei giorni successivi ho colto l’occasione per fare questo tutorial.
- YouTube video tutorial: https://youtu.be/hbqio-Ev_6E
- Download file esercizio: drive.google.com/drive/folder…
- Mappa finale: cityplanner.it/webapp/gis070…
Cosa hai imparato in questo video?
- le foto di Android registrano le coordinate, ma è difficile vederele
- Geosetter è un software gratuito, che ci permette di vedere tutte le foto su una mappa
- con Geosetter, se abbiamo registrato anche la traccia, possiamo inserire le foto su una mappa, sincronizzando il tempo
- QGIS riesce a trasformare in punti le fotografie che hanno le coordinate
- una volta ottenuto i punti, con QGIS è facile gestire le fotografie
- gli sviluppatori di QGIS hanno creato un plugin che permette di pubblicare il nostro progetto sul web; questa procedura crea una cartella contenente file e altre cartelle, pronta ad essere trasferita su uno spazio web con un software FTP come Filezilla
- anche se molto funzionale, alcuni ritocchi di style alla mappa web, è necessario farli; il codice html/javascript mostrato, è un buon inizio per la vera personalizzazione.
Utile:
- App Android: viewranger.com
- GEOSETTER: geosetter.de
- ImportPhotos: github.com/KIOS-Research/ImportPhotos
- QGIS: qgis.org/it/site/
- Exiftool: sno.phy.queensu.ca/~phil/exiftool
- Plugin QGIS: github.com/tomchadwin/qgis2web
- Icon: github.com/emojione/emojione
- TileLayer: www.thunderforest.com/
In questo esercizio della serie GIS Tonic Milano vedremo i seguenti passi:
- creazione custom post type
- aggiugere file per nuovo custom post type
- creare nuovo gruppo custom fields
- creare un nuovo post nel custom post type aggiunto
- inserire titolo e coordinate con la mappa
- aprire il file php
Le risorse per proseguire nel’esercizio sono:
Le attività all’aria aperta aumentano con le belle stagioni. Se siete appassionati di escursionismo o mountainbike, è sicuramente utile e consigliato fare buon uso anche delle applicazioni disponibili per il nostro smartphone. Vi consiglio ViewRanger, per la navigazione in tempo reale con diverse mappe utili a fare escursioni tenendo sempre sott’occhio la via che state percorrendo. Se poi siete amanti di Strava, nessun problema, il passaggio da ViewRanger a Strava è molto semplice e ve lo spiego in questo video tutorial.
Link utili:
- ViewRanger sito ufficiale: https://www.viewranger.com/it
- Percorso Besozza ViewRanger: https://my.viewranger.com/track/details/MTA5MzQ1ODQ=
- Strava sito ufficiale: https://www.strava.com/
- Percorso Besozza Strava: https://www.strava.com/activities/2473347517
- Percorso Besozza MyMaps: https://www.google.com/maps/d/u/0/viewer?hl=it&mid=1G759p2ivMje5pbFi0hHmv5lLjPDou6vf&ll=45.47393265424119%2C9.319822999999928&z=16
Mini tutorial:
1) pin and popup base https://codepen.io/pjhooker/pen/ROrajv
2) pin base and popup mod1 https://codepen.io/pjhooker/pen/gyrLyN
3) pin base and popup mod2 (creativetim) https://codepen.io/pjhooker/pen/axNpmj
4) pin mod1 and popup mod2 (creativetim) https://codepen.io/pjhooker/pen/ZZWeRd
Approfondimenti:
– Creative TIM: https://demos.creative-tim.com/material-dashboard/examples/dashboard.html
– LeafletJS primo tutorial: https://leafletjs.com/examples/quick-start/
– A simple JSON store for your web or mobile app http://myjson.com
– GEOJSON.io http://geojson.io
Con questa webapp è possibile inserire le segnalazioni su una mappa. Il focus della webapp è quello di segnalare cani che sono stati male dopo avere fatto una passeggiata e magari mangiato qualcosa, ma anche segnalare smarrimenti, nella speranza poi che il nostro pet venga ritrovato. Infatti nella webapp è possibile modificare la segnalazione in un click da SMARRITO a RITROVATO!
QuickMapServices è un plugin molto utile che offre molte basemaps. Per creare una mappa “con stile” però bisogna approfondire di più questi strumenti. Infine con alcune operazioni sui vettori e l’utilizzo dell’Atlas, è possibile ottenere delle mappe per rilievi “ad hoc”
https://overpass-turbo.eu/s/GIA
/*
This has been generated by the overpass-turbo wizard.
The original search was:
“park in milan”
*/
[out:json][timeout:25];
// fetch area “milan” to search in
{{geocodeArea:manhattan}}->.searchArea;
// gather results
(
// query part for: “park”
node["leisure"="park"](area.searchArea);
way["leisure"="park"](area.searchArea);
relation["leisure"="park"](area.searchArea);
);
// print results
out body;
>;
out skel qt;
Per info gistips WhatsApp 3487448152 email lima.cityplanner@gmail.com
Richiesto per il tutorial:
– account DigitalOcean (REFERRAL LINK https://m.do.co/c/0b88c63ccdf0)
– PuTTY: a free SSH and Telnet client
– Windows 8 or higher
– pgAdmin4
– QGIS
Versione in inglese: questo link
Procedura
– create droplet digitalocean 1GB 5€/mo
– connect with putty and change password
– (https://www.digitalocean.com/community/tutorials/how-to-install-and-use-postgresql-on-ubuntu-18-04)
– sudo apt update
– sudo apt install postgresql postgresql-contrib
– (https://black-tea.github.io/setup-notes/2017/03/12/Postgres-and-GeoServer-on-DigitalOcean-Ubuntu.html)
– (https://launchpad.net/ubuntu/bionic/+package/postgresql-10-postgis-2.4)
– sudo apt-get install postgresql-10-postgis-2.4
– (https://www.igismap.com/install-postgis-postgresql-ubuntu/)
– sudo -u postgres psql
postgres=# CREATE DATABASE mygeo;\connect mygeo;
postgres=# CREATE EXTENSION postgis SCHEMA public; (QGIS expects postGIS to be installed in Public schema)
(https://medium.com/coding-blocks/creating-user-database-and-adding-access-on-postgresql-8bfcd2f4a91e)
postgres=# create user pjhooker with encrypted password ‘1jRM6EA0’;
postgres=# grant all privileges on database mygeo to pjhooker;
– putty tunnel
– create connection with pgadmi4
– create connection with qgis3.2
– import pg_cittametropolitane
– load in qgis pg_cittametropolitane