258 lines
9.9 KiB
HTML
258 lines
9.9 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="utf-8" />
|
||
|
||
<title>Daspo free zone</title>
|
||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||
<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">
|
||
Ci abbiamo pensato noi!<br />
|
||
La mappa che trovi <a href="#map">qui sotto</a> rappresenta la
|
||
prima versione,creata dal collettivo
|
||
<a href="https://offtopiclab.org">Offtopic</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 dettalgi
|
||
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>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 metropolitana
|
||
</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>
|