daspo-free-zone/map/index.html

291 lines
11 KiB
HTML
Raw Permalink Normal View History

2019-08-06 11:54:12 +02:00
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
2019-08-06 12:46:35 +02:00
<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à."
/>
2019-08-06 11:54:12 +02:00
<meta name="viewport" content="width=device-width, initial-scale=1" />
2019-08-06 12:46:35 +02:00
<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" />
2019-08-06 11:54:12 +02:00
<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>
2019-08-06 12:46:35 +02:00
<p class="intro-text font-weight-bold">
Ci abbiamo pensato noi!
</p>
2019-08-06 11:54:12 +02:00
<p class="intro-text">
La mappa che trovi <a href="#map">qui sotto</a> rappresenta la
prima versione,creata dal collettivo
2019-08-06 15:15:34 +02:00
<a href="https://offtopiclab.org">Off Topic</a>, dell'area DASPO
2019-08-06 11:54:12 +02:00
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
2019-08-06 12:46:35 +02:00
a crescere) e contiene ancora delle imprecisioni. Trovi i dettagli
2019-08-06 11:54:12 +02:00
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>
2019-08-06 12:46:35 +02:00
<td>Sito Beni Culturali</td>
2019-08-06 11:54:12 +02:00
<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>
2019-08-06 12:46:35 +02:00
stazioni metropolitane
2019-08-06 11:54:12 +02:00
</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>