Skip to content

016 La mappa (in progress)

Iltempe edited this page Nov 5, 2016 · 1 revision

Qui di seguito la descrizione della pagina della mappa. Il deploy della prima applicazione della mappa è avvenuto in questo successivamente la mappa è stata integrata nel sito. La pagina della mappa è stata creata grazie a Maptune.

La mappa è realizzata come un mischiando sulla base della molto conosciuta Map API 'Leaflet'. Leaflet offre elementi 'standard' per ingrandire o spostare la mappa.
In questa applicazione sono configurate varie mappe con aspetti diversi, tutti da servizi mappa liberi, che si fondano su dati di 'OpenStreetMap'.

La lista è una tabella in HTML che contiene i layer e gli elementi caricati sulla mappa. Per ogni layer, MapTune crea un titolo che contiene gli elementi per modificare la rappresentazione del layer o praticare la sua rimozione.

La lista si adatta automaticamente agli 'zoom' e 'pan' della mappa. Vengono visualizzati solo elementi visibili nella mappa. In fondo alla lista si trova anche un link per visualizzare eventuali elementi nascosti dai vari filtri. Cliccando su un elemento della lista, si apre l'informazione collegata sulla mappa. Cliccando ripetutamente sullo stesso elemento si ingrandisce la mappa su questo punto.

Altri elementi: <span class="glyphicon glyphicon-list" aria-hidden="true"></span> attiva la lista di tutti gli elementi dei layer caricati sulla mappa.

Aggiungere un feed: <span class="glyphicon glyphicon-plus" aria-hidden="true"></span> vengono proposte altre fonti di open data per una visualizzazione in MapTune.

'la mia mappa' <span class="glyphicon glyphicon-star" aria-hidden="true"></span> 'La mia mappa' contiene gli elementi che sono stati 'collezionati' attraveso il link 'collect' in fondo alle informazioni dell'elemento.

pulire la mappa <span class="glyphicon glyphicon-repeat" aria-hidden="true"></span> Tutti elementi di tutti i layer vengono cancellati dalla mappa.

estendere la mappa <span class="glyphicon glyphicon-resize-full" aria-hidden="true"></span> La mappa si estende e copre la lista accanto.