Passa ai contenuti principali

Post

come importare il JSON file in appybuilder per fare le app

Sito per costruire app: http://gold.appybuilder.com

Chiamata GET come riferimento per osservare il file JSON da processare:
https://www.overpass-api.de/api/interpreter?data=[out:json];node[natural=tree](45.36386820715566,9.692811369895935,45.36502340932776,9.69470500946045);out%20meta;

Per "visualizzarlo", andare qui e copiarlo dentro: https://vanya.jp.net/vtree/

Preparare un Bottone (Button1) e un Web (Web1) nell'interfaccia utente.
Nei blocchi costruire il GET del JSON file così (l'URL è quello indicato prima)
Poi inserire il blocco che gestisce il file che arriva dalla Rete. Per ora predisporre delle Label per capire come funziona la logica:


Lat e Lon verranno poi usate per definire (e piazzare) i marker sulla Map1 (da inserire nella interfaccia Utente).



Occorre apprendere il concetto di lista e lista di liste.

Infatti il blocco fondamentale prende un JSON e lo trasforma in una lista di liste  (vedere cosa arriva nella Label3 per capirci, i delimitatori sono le par…
Post recenti

importazione dati da mymaps google a umap

Abbiamo appena creato una umap e la vogliamo popolare con i dati di una vecchia mymap.

1. andare sulla mymap e usando i tre puntini selezionare esporta scegliendo il formato KML

il file verrà scaricato nel PC.

nella nuova umap , cliccare il freccione nero che serve ad importare da file

apparirà il form da compilare scegliendo il file scaricato e precisando che il formato è kml; inoltre se non si hanno ancora layer si indichi importa in un nuovo layer:
dopo di ché cliccare "Importa".

andare come al solito nelle proprietà del layer e assicurarsi che il Template del contenuto del popup sia come sopra (name e description fra graffe).

la corrispondenza fra popup sarà così:





finale: http://umap.openstreetmap.fr/it/map/beccati-gli-zozzoni_382967 

Utili tutorial in Rete

da Ciro Spataro
Tutorial per creare mappe online su UMAP aggiornabili con file CSV da GOOGLEDRIVE https://cirospat.readthedocs.io/it/latest/tutorial-googledrive-to-umap.html?highlight=umap


<<Ma posso fare una query e scegliere quali colonne avere, usando un linguaggio SQL.
La struttura di una query è questa: SELECTB,C,D,E,G,I,J>> Questi ultimi due URL però contengono (nella query) caratteri strani ed è meglio codificarli, specie per farli parlare con app esterne come uMap. E la query diventa: SELECT%20B%2CC%2CD%2CE%2CG%2CI%2CJ%20WHERE%20I%20Contains%20%27.%27 «%20» è il modo corretto di scrivere uno spazio. «%2C» è la virgola. Altre info sui caratteri qui: http://www.w3schools.com/tags/ref_urlencode.asp La documentazione ufficiale qui: https://developers.google.com/chart/interactive/docs/querylanguage La sintassi esatta (dicesi «encoding») può essere ottenuta anche utilizzando questo strumento online http://meyerweb.com/eric/tools/dencoder/ dove inseriamo codice da tenere se…

mapwarper e sovrapposizione mappe

come sovrapporre mappe alla mappa di openstreet map?

Vediamo come sovrapporre una delle meravigliose mappe di T. Moruzzi alla mappa di Crema su openstreetmap.



mura venete , di T Moruzzi
Si usa http://mapwarper.net .

Cliccare sulla linguetta  Upload Map e caricare l'immagine della mappa di Moruzzi.

Dopo di che occorre "rettificare" in modo che si adatti (venga "stirata") sulla mappa di osm.

Cliccare sulla linguetta Rectify.

Appaiono le due mappe una accanto all'altra : per far capire a mapwarper come stirarla occorre piazzare dei punti di riferimento sull'una e sull'altra , usando l'iconcina segnalibro azzurra in alto e poi cliccando sul bottone in basso per aggiungere la coppia di punti e dopo averne piazzati almeno 3 (coppie), cliccare il comando warp image!

Cliccando la linguetta Preview, si possono vedere le mappe una sull'altra, dosando la trasparenza col cursore:




Cliccando la linguetta export in alto si va in una pagina dove si possono …

UMAP: mappare con fotografie nel popup

Premessa: come esempio non userò alberi perché non ho il tempo di uscire , ma foto di Crema del passato prese da Gruppi facebook.

I dati saranno messi in un Google Sheet:
ogni riga un segnaposto sulla mappa
ogni colonna una proprietà del segnaposto della mappa

per il tutorial di un prof per alunni delle medie, vedere qui:  https://sites.google.com/view/lucascalzullo/tutorial/umap 

Cosa serve modificare nel LAYER della mappa?

1. La cosa che si vuol far apparire quando il mouse passa sopra il segnaposto (in questo caso l'autore )


2. l'elenco delle colonne da importare nel popup , okkio al numero di parentesi graffe: 3 per le foto

3. i collegamenti allo Sheet (col formato) dove andare a prendere i dati per piazzare i segnaposto.

Il foglio del GoogleSheet sarà composto da tante righe quanti i segnaposti che si vogliono piazzare e le colonne saranno corrispondenti a quelli indicati al passo 2 sopra:



non usare l'URL facebook per le foto di facebook, ma caricarle su un proprio ho…

mappare osm da android con vespucci

La app Vespucci  permette di modificare le mappe di openstreetmap da smartphone android.

link a Google Play: https://play.google.com/store/apps/details?id=de.blau.android

una volta installato , aprire, creare account, autorizzare localizzazione e accessi, e definire il raggio della zona di interesse (scaricare la mappa osm relativa alla zona intorno a sè). Più grande l'area scaricata più memoria verrà occupata, e più lento andrà lo smartphone. Okkio!

per editare , sbloccare il lucchetto rosso in alto a sinistra . Gli edit rimarranno nello smartphone finché non si decide di caricarli su OSM toccando le frecce grige in basso.
Cliccando il grosso + su sfondo verde appaiono le opzioni (linea per editare le strade, punto per editare singole cose, come un albero, nel nostro caso scegliere punto)

Piazzare col dito il punto sulla mappa dove si trova l'albero. Toccandolo appariranno dello opzioni, a noi interessa "Utilizzo del terreno e natura"
e poi "albero". Dopod…

come mappare un albero su open street map

Andare su osm e cliccare Modifica
(esit: per collaborative vedi IST. Agrario Cantoni https://agrariacantoni.edu.it/wp-content/uploads/Web_Openstreetmap_guida.pdf)
Scegliere l'editor di mappe preferito (io preferisco "iD").

Cliccare "Punto" in alto al centro e spostare il puntatore del mouse a croce nella posizione desiderata. Cliccare: si trasforma in un segnaposto e a sinistra appaiono le opzioni per caratterizzare il segnaposto. A noi interessa Elementi Naturali (clic) ==> Foresta.


una volta scelta Foresta bisogna scorrere verso il basso le caratteristiche della foresta per dire che è un solo albero; scendere fino a 'Natural' e cambiare col triangolino da 'wood' a 'tree':


se tutto è OK il segnaposto cambia aspetto e diventa un alberello diverso:


Ora sarebbe finita (save in alto a destra), ma se uno conosce le caratteristiche dell'albero può dettagliare meglio le informazioni e alla fine cliccare la spunta a destra di "Modif…