-
Notifications
You must be signed in to change notification settings - Fork 4
/
index.html
44 lines (42 loc) · 1.7 KB
/
index.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
<html>
<head>
<link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/leaflet.css" integrity="sha512-xodZBNTC5n17Xt2atTPuE1HxjVMSvLVW9ocqUKLsCC5CXdbqCmblAshOMAS6/keqq/sMZMZ19scR4PsZChSR7A==" crossorigin="" />
<script src="https://unpkg.com/[email protected]/dist/leaflet.js" integrity="sha512-XQoYMqMTK8LvdxXYG3nZ448hOEQiglfqkJs1NOQV44cWnUrBc8PkAOcXy20w0vlaXaVUearIOBhiXZ5V3ynxwA==" crossorigin=""></script>
<link rel="stylesheet" href="https://danwild.github.io/leaflet-velocity/dist/leaflet-velocity.min.css" />
<script src="https://danwild.github.io/leaflet-velocity/dist/leaflet-velocity.js" crossorigin=""></script>
<script src="erddapToLeafletVelocity.js"></script>
<style>
#map{height: 100%}
</style>
</head>
<body>
<p id="err"></p>
<div id="map"></div>
<script type="text/javascript">
var mymap = L.map('map').setView([53.5, -9.5], 6);
var Esri_DarkGreyCanvas = L.tileLayer(
"https://{s}.sm.mapstack.stamen.com/" +
"(toner-lite,$fff[difference],$fff[@23],$fff[hsl-saturation@20])/" +
"{z}/{x}/{y}.png",
{
attribution: 'Tiles © Esri — Esri, DeLorme, NAVTEQ, TomTom, Intermap, iPC, USGS, FAO, ' +
'NPS, NRCAN, GeoBase, Kadaster NL, Ordnance Survey, Esri Japan, METI, Esri China (Hong Kong), and the GIS User Community'
}
).addTo(mymap);
L.erddapVelocityLayer({
erddapBaseUrl: 'https://erddap.marine.ie',
datasetID: 'IMI_Model_Stats',
uParameter: 'sea_surface_x_velocity',
vParameter: 'sea_surface_y_velocity',
minLat: 48.5,
maxLat: 58.5,
minLon: -17.0,
maxLon: -2.0,
refTime: '2019-12-15T00:00:00Z',
strideLon: 10,
strideLat: 10,
minVelocity: 0,
maxVelocity: 1}).addTo('map');
</script>
</body>
</html>