-
Notifications
You must be signed in to change notification settings - Fork 6
/
Copy pathindex.html
68 lines (62 loc) · 3.25 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
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Grid Photogrammetry</title>
<link rel="stylesheet" href="./reset.css">
<link rel="shortcut icon" type="image/x-icon" href="./assets/favicon.ico"/>
<meta property="og:title" content="Grid Photogrammetry">
<meta property="og:description" content="A tool for a generate photogrammetry paths">
<meta property="og:type" content="website">
<meta property="og:url" content="https://afbayonac.github.io/grid-photogrammetry/">
<meta property="og:image" content="https://afbayonac.github.io/grid-photogrammetry/assets/open-graph.png"/>
<meta property="og:image:width" content="720px"/>
<meta property="og:image:width" content="720px"/>
<meta property="og:image:type" content="image/png" />
<base href="https://afbayonac.github.io/grid-photogrammetry/"/>
<meta name="robots" content="index, follow" />
<script src="https://cdn.tailwindcss.com"></script>
<script src="https://cdn.jsdelivr.net/npm/vue"></script>
<script src="https://unpkg.com/mitt/dist/mitt.umd.js"></script>
<script src="https://unpkg.com/@turf/turf@6/turf.min.js"></script>
<script src='https://unpkg.com/maplibre-gl@latest/dist/maplibre-gl.js'></script>
<link href='https://unpkg.com/maplibre-gl@latest/dist/maplibre-gl.css' rel='stylesheet' />
<script src='https://api.mapbox.com/mapbox-gl-js/plugins/mapbox-gl-draw/v1.3.0/mapbox-gl-draw.js'></script>
<link rel='stylesheet' href='https://api.mapbox.com/mapbox-gl-js/plugins/mapbox-gl-draw/v1.3.0/mapbox-gl-draw.css'type='text/css' />
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0" />
<style>
article {
display: grid;
grid-template-columns: auto;
width: 100%;
height: 100vh;
}
#map {
height: 100%;
width: 100%;
}
pre { font-family: monospace; }
code {
padding: 8px;
height: 50vh;
overflow: scroll;
display: block;
}
</style>
</head>
<body class="font-sans">
<article>
<div id="map"></div>
<div class="absolute" id="control"></div>
<a aria-label="Github " class="block absolute w-10 h-10 right-8 bottom-8" href="https://github.com/afbayonac/grid-photogrammetry">
<svg viewBox="0 0 1790 1790" class="shell-icon shell-icon--s shell-inline">
<path d="M704 1216q0 40-12.5 82t-43 76-72.5 34-72.5-34-43-76-12.5-82 12.5-82 43-76 72.5-34 72.5 34 43 76 12.5 82zm640 0q0 40-12.5 82t-43 76-72.5 34-72.5-34-43-76-12.5-82 12.5-82 43-76 72.5-34 72.5 34 43 76 12.5 82zm160 0q0-120-69-204t-187-84q-41 0-195 21-71 11-157 11t-157-11q-152-21-195-21-118 0-187 84t-69 204q0 88 32 153.5t81 103 122 60 140 29.5 149 7h168q82 0 149-7t140-29.5 122-60 81-103 32-153.5zm224-176q0 207-61 331-38 77-105.5 133t-141 86-170 47.5-171.5 22-167 4.5q-78 0-142-3t-147.5-12.5-152.5-30-137-51.5-121-81-86-115q-62-123-62-331 0-237 136-396-27-82-27-170 0-116 51-218 108 0 190 39.5t189 123.5q147-35 309-35 148 0 280 32 105-82 187-121t189-39q51 102 51 218 0 87-27 168 136 160 136 398z">
</path>
</svg>
</a>
</article>
<script type="module" src="./droneModels.js"></script>
<script type="module" src="./index.js"></script>
</body>
</html>