-
Notifications
You must be signed in to change notification settings - Fork 1
/
speed_limits.html
104 lines (96 loc) · 4.81 KB
/
speed_limits.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
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
<!DOCTYPE html>
<html>
<head>
<title>AWV and OSM speed limits</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
body { margin:0; padding:0; }
#map { position:absolute; top:0; bottom:0; width:100%; }
</style>
<link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/leaflet.css"
integrity="sha512-Rksm5RenBEKSKFjgI3a41vrjkw4EVPlJ3+OiI65vTjIdo9brlAacEuKOiQ5OFh7cOI1bkDwLqdLw3Zg0cRJAAQ=="
crossorigin=""/>
</head>
<body>
<div id="map"></div>
<script src="https://unpkg.com/[email protected]/dist/leaflet.js"
integrity="sha512-/Nsx9X4HebavoBvEBuyp3I7od5tA0UzAxs+j83KgC8PU0kgB4XiK4Lfe4y4cgBtaRJQEIFCW+oC506aPT2L1zw=="
crossorigin=""></script>
<script src='js/leaflet-fullHash.js'></script>
<script>
var osmbe = L.tileLayer('https://tile.osm.be/osmbe/{z}/{x}/{y}.png', {
attribution: '© <a href="http://openstreetmap.org">OpenStreetMap</a> contributors, Tiles courtesy of <a href="https://geo6.be/">GEO-6</a>',
maxZoom: 18
});
var osmbefr = L.tileLayer('https://tile.osm.be/osmbe-fr/{z}/{x}/{y}.png', {
attribution: '© <a href="http://openstreetmap.org">OpenStreetMap</a> contributors, Tiles courtesy of <a href="https://geo6.be/">GEO-6</a>',
maxZoom: 18
});
var osmbenl = L.tileLayer('https://tile.osm.be/osmbe-nl/{z}/{x}/{y}.png', {
attribution: '© <a href="http://openstreetmap.org">OpenStreetMap</a> contributors, Tiles courtesy of <a href="https://geo6.be/">GEO-6</a>',
maxZoom: 18
});
var luchtfoto = L.tileLayer('https://tile.informatievlaanderen.be/ws/raadpleegdiensten/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=omwrgbmrvl&STYLE=&FORMAT=image/png&tileMatrixSet=GoogleMapsVL&tileMatrix={z}&tileRow={y}&tileCol={x}', {
attribution: 'Luchtfoto © AGIV'
});
var grb = L.tileLayer('https://tile.informatievlaanderen.be/ws/raadpleegdiensten/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=grb_bsk&STYLE=&FORMAT=image/png&tileMatrixSet=GoogleMapsVL&tileMatrix={z}&tileRow={y}&tileCol={x}', {
attribution: 'Luchtfoto © AGIV'
});
var wegenregister = L.tileLayer('https://api.mapbox.com/styles/v1/joostschouppe/cir59e54v001jcbnhlmk18qcc/tiles/256/{z}/{x}/{y}?access_token={accessToken}', {
accessToken: 'pk.eyJ1Ijoiam9vc3RzY2hvdXBwZSIsImEiOiJjaWh2djF1c2owMmJrdDNtMWV2c2Rld3QwIn0.9zXJJWZ4rOcspyFIdEC3Rw',
attribution: 'Wegenregister © AGIV, tiles provided by <a href="http://mapbox.com">Mapbox</a>'
});
var itospeed = L.tileLayer('https://t2.beta.itoworld.com/124/3de64e357cab22216499a53ce388f239/{z}/{x}/{y}.png', {
attribution: 'ITO maps <a href="http://openstreetmap.org">OpenStreetMap</a> contributors'
});
var awv = L.tileLayer.wms('https://www.mercator.vlaanderen.be/raadpleegdienstenmercatorpubliek/ows?map=/maps/public-osm/configs/speedReduction.map&', {
format: 'image/png',
layers: 'tn:tn_snelhrg_awv',
transparent: true
});
var bemobile = L.tileLayer.wms('https://application-mapserver.be-mobile.biz/ms?map=/maps/public-osm/configs/speedReduction.map&', {
format: 'image/png',
layers: 'snelheden',
transparent: true
});
var mapillary = L.tileLayer('https://d6a1v2w10ny40.cloudfront.net/v0.1/{z}/{x}/{y}.png', {
attribution: '<a href="http://www.mapillary.com/">Mapillary</a>'
});
var allMapLayers = {
'osmbe': osmbe,
'osmbefr': osmbefr,
'osmbenl': osmbenl,
'luchtfoto': luchtfoto,
'grb': grb,
'mapillary': mapillary,
'wegenregister': wegenregister,
'itospeed': itospeed,
'awv': awv,
'bemobile': bemobile
};
var map = L.map('map', {
center: [51, 4],
zoom: 13,
layers: [osmbe, awv],
crs: L.CRS.EPSG3857
});
var hash = new L.Hash(map, allMapLayers);
var basemaps = {
"OSM Belgium": osmbe,
"OSM Belgium (FR)": osmbefr,
"OSM Belgium (NL)": osmbenl,
"AGIV Luchtfoto": luchtfoto,
"Basiskaart GRB": grb
};
var overlays = {
"Wegenregister": wegenregister,
"OSM Speed limits (ITO)": itospeed,
"Snelheidsregimes AWV": awv,
"Mapillary": mapillary,
"Be-Mobile analysekaart": bemobile
};
L.control.layers(basemaps,overlays,{collapsed:false}).addTo(map);
</script>
</body>
</html>