-
Notifications
You must be signed in to change notification settings - Fork 4
/
Copy pathcogdynahn.html
32 lines (31 loc) · 1.36 KB
/
cogdynahn.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
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8' />
<title></title>
<meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no' />
<script src='https://cdn.jsdelivr.net/npm/[email protected]/dist/maplibre-gl.min.js'></script>
<!--script src="node_modules/maplibre-gl/dist/maplibre-gl-dev.js"></script-->
<link href='https://cdn.jsdelivr.net/npm/[email protected]/dist/maplibre-gl.min.css' rel='stylesheet' />
<script type='module' src="cogdynahn.js"></script>
<style>
html,body { margin:0; padding:0; box-sizing: border-box;}
#map, #canvas { position:absolute; top:0; bottom:0; width:100%; height:100%; }
#typeselect { display: inline-block; position:absolute; top:10px; right:10px; padding: 10px; background-color: white;}
</style>
</head>
<body>
<canvas id="canvas">canvas not supported</canvas>
<div id='map'></div>
<div id="typeselect">
<select>
<option value="ahn4-static">AHN4 standard</option>
<option value="ahn4-dynamic" selected>AHN4 dynamic</option>
<option value="ahn4-grayscale">AHN4 grayscale</option>
<option value="ahn3-static">AHN3 standard</option>
<option value="ahn3-dynamic">AHN3 dynamic</option>
<option value="ahn3-grayscale">AHN3 grayscale</option>
</select>
</div>
</body>
</html>