daspo-free-zone/map/index.html
2019-08-06 15:15:34 +02:00

290 lines
11 KiB
HTML
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Mappa Daspo</title>
<meta
name="description"
content="La questione del DASPO, così come è stata raccontata negli
ultimi giorni di luglio, si presta ad alcune analisi e, vista
senza la patina di retorica e senza larrampicata sugli specchi,
racconta la trasformazione della città nella sua versione
moderna e post-moderna. Andiamo con ordine, ed esaminiamo la
vicenda nei differenti aspetti di intersezione con la vita della
città."
/>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta property="og:url" content="https://offtopiclab.org/daspo-free-zone" />
<meta property="og:type" content="article" />
<meta property="og:title" content="Daspo - Beppe Sala edition" />
<meta
property="og:description"
content="La questione del DASPO, così come è stata raccontata negli
ultimi giorni di luglio, si presta ad alcune analisi e, vista
senza la patina di retorica e senza larrampicata sugli specchi,
racconta la trasformazione della città nella sua versione
moderna e post-moderna. Andiamo con ordine, ed esaminiamo la
vicenda nei differenti aspetti di intersezione con la vita della
città."
/>
<meta
property="og:image"
content="https://offtopiclab.org/daspo-free-zone/social.png"
/>
<link rel="shortcut icon" href="../favicon.png" />
<link
href="https://fonts.googleapis.com/css?family=Material+Icons|Black+Ops+One|IBM+Plex+Mono:400,400i,700,700i&display=swap"
rel="stylesheet"
/>
<link
rel="stylesheet"
href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T"
crossorigin="anonymous"
/>
<link
href="https://api.mapbox.com/mapbox-gl-js/v1.0.0/mapbox-gl.css"
rel="stylesheet"
/>
</head>
<body>
<div class="container">
<div class="row my-1 my-md-5">
<div class="col-md-3">
<h1 class="back">
<a href="/index.html"> home</a>
</h1>
</div>
<div class="col-md-9">
<div class="mb-1 mb-md-5">
<h1>
Mappa versione 0.1
</h1>
<p class="intro-text">
Il Comune di Milano non ha rilasciato (e forse mai lo farà) la
mappa dell'area DASPO.
</p>
<p class="intro-text font-weight-bold">
Ci abbiamo pensato noi!
</p>
<p class="intro-text">
La mappa che trovi <a href="#map">qui sotto</a> rappresenta la
prima versione,creata dal collettivo
<a href="https://offtopiclab.org">Off Topic</a>, dell'area DASPO
approvata in Consiglio Comunale. Nella delibera comunale vengono
indicate: una serie di aree definite (che chiamiamo macro aree) e
delle altre aree o luoghi di interesse suddivisi in 6 livelli. Di
tutti i singoli elementi di questi 6 livelli (es: una scuola)
viene inclusa una zona adiacente pari a 100 metri.
</p>
<p class="intro-text">
Abbiamo rilasciato ogni livello sotto licenza
<a href="http://opendefinition.org/licenses/cc-by/"
>Creative Commons</a
>
in formato GeoJson. In questo modo chiunque può riutilizzali,
modificarli ed aggiornali liberamente.<br />
Questa prima versione ha delle mancanze (quindi l'area è destinata
a crescere) e contiene ancora delle imprecisioni. Trovi i dettagli
nella tabella sottostante. Pubblicheremo in seguito informazioni e
dati più dettagliati.
</p>
<div class="table-responsive">
<table id="table-layers" class="table table-striped">
<thead>
<tr>
<th scope="col">Layer</th>
<th scope="col">Nome</th>
<th scope="col">Sorgente</th>
<th scope="col">Note</th>
<th scope="col">Scarica</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">1</th>
<td>
scuole e plessi scolastici di ogni ordine e grado, gli
istituti universitari e di ricerca
</td>
<td>Open data Comune di Milano</td>
<td>-</td>
<td>
<a
href="https://offtopiclab.org/daspo-free-zone/scuole_buffer.json"
download
><i class="material-icons">cloud_download</i></a
>
</td>
</tr>
<tr>
<th scope="row">2</th>
<td>
aree destinate allo svolgimento di fiere, mercati,
pubblici spettacoli
</td>
<td>Open data Comune di Milano</td>
<td>solo mercati aperti stradali, da rifinire</td>
<td>
<a
href="https://offtopiclab.org/daspo-free-zone/mercati_buffer.json"
download
><i class="material-icons">cloud_download</i></a
>
</td>
</tr>
<tr>
<th scope="row">3</th>
<td>
aree adibite a verde pubblico
</td>
<td>Open data Comune di Milano</td>
<td>solo parchi, da aggiungere altre aeree verdi</td>
<td>
<a
href="https://offtopiclab.org/daspo-free-zone/parchi_buffer.json"
download
><i class="material-icons">cloud_download</i></a
>
</td>
</tr>
<tr>
<th scope="row">4</th>
<td>
i presidi sanitari, gli ospedali, le case di cura e le
cliniche
</td>
<td>OpenStreetMap</td>
<td>solo ospedali e cliniche, incompleto</td>
<td>
<a
href="https://offtopiclab.org/daspo-free-zone/ospedali_cliniche_buffer.json"
download
><i class="material-icons">cloud_download</i></a
>
</td>
</tr>
<tr>
<th scope="row">5</th>
<td>
i complessi monumentali, i parchi archeologici
</td>
<td>Sito Beni Culturali</td>
<td>elenco non completo</td>
<td>
<a
href="https://offtopiclab.org/daspo-free-zone/luoghi_monumentali_buffer.json"
download
><i class="material-icons">cloud_download</i></a
>
</td>
</tr>
<tr>
<th scope="row">6</th>
<td>
i siti e luoghi della cultura
</td>
<td>OpenStreetMap</td>
<td>solo musei al momento</td>
<td>
<a
href="https://offtopiclab.org/daspo-free-zone/musei_buffer.json"
download
><i class="material-icons">cloud_download</i></a
>
</td>
</tr>
<tr>
<th scope="row">7</th>
<td>
macro-aree
</td>
<td>Comune di Milano</td>
<td>-</td>
<td>
<a
href="https://offtopiclab.org/daspo-free-zone/aree_omogenee.json"
download
><i class="material-icons">cloud_download</i></a
>
</td>
</tr>
<tr>
<th scope="row">8</th>
<td>
stazioni ferroviarie
</td>
<td>OpenStreetMap</td>
<td>
già introdotte da precedente decreto Minniti (DL 14/2017)
</td>
<td>
<a
href="https://offtopiclab.org/daspo-free-zone/stazioni_ferrovie_buffer.json"
download
><i class="material-icons">cloud_download</i></a
>
</td>
</tr>
<tr>
<th scope="row">9</th>
<td>
stazioni metropolitane
</td>
<td>OpenStreetMap</td>
<td>
già introdotte da precedente decreto Minniti (DL 14/2017)
</td>
<td>
<a
href="https://offtopiclab.org/daspo-free-zone/stazioni_metro_buffer.json"
download
><i class="material-icons">cloud_download</i></a
>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-3">
<h3 class="mt-3">Zona DASPO</h3>
<h6 class="my-3 d-none d-md-block">Attiva/Disattiva livelli</h6>
<div id="menu" class="d-none d-md-block"></div>
<p class="d-none d-md-block">
Clicca sull'icona in alto a destra della mappa per vedere se ti
trovi all'interno dell'area DASPO.
</p>
</div>
<div class="col-md-9">
<div id="map" class="mb-5 mb-md-1"></div>
</div>
</div>
</div>
<script
src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
crossorigin="anonymous"
></script>
<script
src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"
integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1"
crossorigin="anonymous"
></script>
<script
src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM"
crossorigin="anonymous"
></script>
<script src="./map.js"></script>
</body>
</html>