3.0 KiB
3.0 KiB
<html>
<head>
<script src="https://api.mapbox.com/mapbox-gl-js/v2.9.2/mapbox-gl.js"></script>
<style>
body { margin: 0; padding: 0; font-family: sans-serif;}
#map { position: absolute; top: 0; bottom: 0; width: 100%; }
#ui {
z-index: 99999;
position: absolute;
bottom: 0;
}
div.instrument .box {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
transition: transform .3s;
}
.context-menu {
position: absolute;
z-index: 10000;
}
.menu {
display: flex;
flex-direction: column;
background-color: #edece1;
padding: 10px 0;
margin: 0;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
border-top-right-radius: 5px;
}
.menu > li > a {
font: inherit;
border: 0;
padding: 10px 30px 10px 15px;
display: flex;
align-items: center;
position: relative;
text-decoration: unset;
color: #000;
font-weight: 500;
}
.menu > li > a:hover {
background:#f1f3f7;
color: #013b01;
}
.menu > li {
text-decoration: none;
list-style-type: none; /* Remove bullets */
padding: 0; /* Remove padding */
margin: 0; /* Remove margins */
}
.menu > li > a > i {
padding-right: 10px;
}
.menu > li.trash > a:hover {
color: red;
}
.mapboxgl-popup {
max-width: 400px;
font: 12px/20px 'Helvetica Neue', Arial, Helvetica, sans-serif;
}
#data {
display: block;
position: fixed;
width: 200px;
top: 0;
left: 0;
padding: 10px;
margin: 10px;
background-color: #00000047;
color: #fff;
}
</style>
</head>
PI 777 ()
MODE: manual
ARMED: false
BATT: 0% SAT: 0
MODE: manual
ARMED: false
BATT: 0% SAT: 0
PI 777
<script src="./dist/bundle.js"></script>
</html>