forked from SEMICeu/NUTS_pilot
-
Notifications
You must be signed in to change notification settings - Fork 1
/
map.html
82 lines (64 loc) · 3.94 KB
/
map.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
<!DOCTYPE html>
<html>
<head>
<title>NUTS evolution</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" type="image/x-icon" href="docs/images/favicon.ico" />
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.0.3/dist/leaflet.css" />
<script src='http://code.jquery.com/jquery-1.11.0.min.js' type="text/javascript"></script>
<script src="https://unpkg.com/leaflet@1.0.3/dist/leaflet.js"></script>
<link rel="stylesheet" type="text/css" href="./scripts/map.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<link rel="stylesheet" href="https://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css" />
<script src="https://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<script type="text/javascript" src="./scripts/queries.js"></script>
<script type="text/javascript" src="./scripts/languages.js"></script>
<script type="text/javascript" src="./datasets/nuts_0_2010.js"></script>
<script type="text/javascript" src="./datasets/nuts_1_2010.js"></script>
<script type="text/javascript" src="./datasets/nuts_2_2010.js"></script>
<script type="text/javascript" src="./datasets/nuts_3_2010.js"></script>
<script type="text/javascript" src="./datasets/nuts_0_2013.js"></script>
<script type="text/javascript" src="./datasets/nuts_1_2013.js"></script>
<script type="text/javascript" src="./datasets/nuts_2_2013.js"></script>
<script type="text/javascript" src="./datasets/nuts_3_2013.js"></script>
<script type="text/javascript" src="./datasets/nuts_0_2016.js"></script>
<script type="text/javascript" src="./datasets/nuts_1_2016.js"></script>
<script type="text/javascript" src="./datasets/nuts_2_2016.js"></script>
<script type="text/javascript" src="./datasets/nuts_3_2016.js"></script>
<script src="https://unpkg.com/esri-leaflet@2.0.7"></script>
</head>
<body>
<h1>NUTS codes</h1>
<div id="explanation" class="explanation">
The map below displays the last several versions of the NUTS codes, and it shows how the codes and their corresponding borders changed from one version to another. NUTS are available in an RDF store, and each code has a persistent URI assigned.
</br> - To select the NUTS level, use the drop-down list above the map.
</br> - Use the slider below the map to change the year of the NUTS codes shown on the map.
</br> - Click on a region to get further information about the changes.
</div>
<div class="selector">
<b>Select a NUTS level:</b>
<select onchange="selectNuts(this)" id="NUTSLevel" class="nuts_level">
<option value="nuts0_data">NUTS 0</option>
<option value="nuts1_data">NUTS 1</option>
<option value="nuts2_data">NUTS 2</option>
<option value="nuts3_data">NUTS 3</option>
</select>
</div>
<div id="map_container" class="map_container">
<div id='map'></div>
</div>
<script type="text/javascript" src="./scripts/draw_map.js"></script>
<div id="slider-deploy" class="quarters-slider"></div>
<script type="text/javascript" src="./scripts/sliders.js"></script>
<div id="footer-wrapper" class="footer">
<p>- Work in progress -<br>This work is supported by <a target="_blank" href="https://ec.europa.eu/isa2/actions/improving-semantic-interoperability-european-egovernment-systems_en">Action 2016.07</a> of the <a target="_blank" href="http://ec.europa.eu/isa/">Interoperability Solutions for European Public Administrations (ISA2)</a> Programme of the European Commission.</p>
</div> <!-- /#footer -->
<!-- The Modal -->
<div id="moreInfo" class="modal">
<!-- Modal content -->
<div id="modal-content" class="modal-content">
</div>
</div>
</body>
</html>