-
Notifications
You must be signed in to change notification settings - Fork 16
/
index.html
37 lines (35 loc) · 1.23 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
<html>
<head>
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
<link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/leaflet.css" />
<meta charset="utf-8">
<script src="https://unpkg.com/[email protected]/dist/leaflet.js"></script>
<script src="lib/leaflet-hash.js"></script>
<script src="https://d3js.org/d3-selection.v1.min.js"></script>
<script src="https://d3js.org/d3-contour.v1.min.js"></script>
<script src="https://d3js.org/d3-geo.v1.min.js"></script>
<script src="https://d3js.org/d3-array.v1.min.js"></script>
<script src="https://d3js.org/d3-collection.v1.min.js"></script>
<script src="https://d3js.org/d3-color.v1.min.js"></script>
<script src="https://d3js.org/d3-interpolate.v1.min.js"></script>
<script src="https://d3js.org/d3-scale.v2.min.js"></script>
<style>
html, body {
margin: 0;
font-family: 'Roboto', sans-serif;
font-size: 16px;
}
#wrapper {
position: relative;
}
canvas {position: absolute; top:0; left:0;}
.leaflet-container{ background: black;}
</style>
</head>
<body>
<div id='wrapper'>
<div id='map' style='width:800px;height:530px;'></div>
</div>
<script src='contours.js'></script>
</body>
</html>