Categories
GIS tutorial WebGIS

LeafletJS: 4 minitutorial per arricchire il design della tua webapp o webmap

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

Categories
WebGIS

Test nuova webapp per segnalazione pericoli cani

Vai alla mappa

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!

Categories
Idee e progetti

The best front-end hacking cheatsheets — all in one place.

https://medium.freecodecamp.org/modern-frontend-hacking-cheatsheets-df9c2566c72a

It’s rather impossible to remember all the APIs by heart. This is when cheatsheets jump in! Here are the best front-end cheatsheets I’ve gathered.

Note: This article was published at strilliant.com — please give it some love too! ❤

Categories
GIS tutorial

Guida UX/UI: design e sviluppo

https://www.html.it/guide/uxui-design-guida-pratica/

Il design della user experience (UX) e delle interfacce (user interface, UI) è il primo passo verso la realizzazione di siti web moderni e professionali. Questa guida introduce il lettore al mondo delle interfacce web responsive, coprendo vari aspetti multidisciplinari: dalla progettazione allo sviluppo, con focus sul flusso di lavoro, gli strumenti, i trend ed i design pattern moderni.

Categories
GIS tutorial

Documenting APIs: A guide for technical writers and engineers

https://idratherbewriting.com/learnapidoc/

In this course on writing documentation for REST APIs, instead of just talking about abstract concepts, I contextualize REST APIs with a direct, hands-on approach. You’ll first learn about API documentation by using a simple weather API to put a weather forecast on your site.

As you use the API, you’ll learn about endpoints, parameters, data types, authentication, curl, JSON, the command line, Chrome’s Developer Console, JavaScript, and more. The idea is that rather than learning about these concepts independent of any context, you learn them by immersing yourself in a real scenario while using an API. Immersion in real scenarios makes these tools and technologies more meaningful.

We’ll then transition into standards, tools, and specifications for REST APIs. You’ll learn about the required sections in API documentation, analyze examples of REST API documentation from various companies, learn how to join an open-source project to get experience, and more.

Categories
GIS tutorial

Creare una mappa custom con QGIS, evidenziando le aree verdi sulla basemap di Carto

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;

Categories
GIS tutorial

Creazione DB 🐘 PostGIS in cloud per QGIS in 10 minuti (DigitalOcean + Postgres)

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

Categories
Idee e progetti

Geodata visualization con QGIS

Ciao, ieri sera ho creato questo video, su come utilizzare QGIS per rappresentare ed elaborare un tematismo puntuale.

Categories
QGis tutorial

qgis2threejs 📈 Mt. Vesiuvus 🌋 3D WebMap

Il plugin di QGIS “Qgis2threejs” permette di creare delle webmap in 3D. Ecco tutti i passaggi dal download del DEM alla pubblicazione. Enjoy!

Link map1: http://www.cityplanner.it/webapp/treejs-mt-vesuvius/index.html
Link map2: http://www.cityplanner.it/webapp/treejs-gis074-test08/

Categories
geodata

Quartieri Cagliari

Cagliari SIT è il nuovo Sistema Informativo Territoriale del Comune di Cagliari. Il Sistema consente la gestione di dati cartografici e di informazioni territoriali geo-referenziate. Ad ogni tematismo è associata la legenda esplicativa della simbologia visibile in mappa. Dallo spazio legenda è possibile scaricare per ogni livello pubblicato il file in formato opendata (GeoJson), secondo la primitiva di riferimento (punto, polilinea, poligono).

ItalianOpenDataLicense”(IODL 2.0)

Apri cartella