mirror of
https://github.com/owntracks/recorder.git
synced 2026-05-07 02:46:36 +00:00
67 lines
2.1 KiB
HTML
67 lines
2.1 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>Recorder Map</title>
|
|
<meta name="viewport" content="width=device-width, height=device-height, user-scalable=no, initial-scale=1.0" />
|
|
|
|
<meta name="mobile-web-app-capable" content="yes">
|
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
|
<link rel="manifest" href="manifest.json">
|
|
<link rel="icon" sizes="192x192" href="../static/recorder.png" />
|
|
<link rel="apple-touch-icon" href="../static/recorder.png" />
|
|
<style type="text/css">
|
|
html { height: 100% }
|
|
body { height: 100%; margin: 0px; padding: 0px }
|
|
body { font-size: 80%; margin: 0; padding: 0; }
|
|
|
|
td { border-bottom: 1px solid; border-right: 1px dotted;}
|
|
|
|
#map-canvas { height: 100% }
|
|
#wrapper { position: relative; height: 100%; }
|
|
#maplabel { position: absolute; top: 10px; left: 120px; z-index: 99;
|
|
background: white;
|
|
font-size: 1.2em;
|
|
padding: 4px;
|
|
border: 2px solid gray;
|
|
}
|
|
.extrainfo { font-size: 80%; }
|
|
.latlon { color: gray; }
|
|
.block1 { float: left; }
|
|
.block2 { border 1px solid; background-color: white; width: 40px; height: 40px; float: right; margin-left: 20px; margin-right: 0px; padding-right: 0; }
|
|
.img-circle { border-radius: 50%; border: 1px solid #CACACA; }
|
|
.latlon { color: gray; }
|
|
|
|
</style>
|
|
<script src="../static/apikey.js"></script>
|
|
<script src="functions.js"></script>
|
|
<script src="websock.js"></script>
|
|
<script src="config.js"></script>
|
|
<script src="../static/js/moment.min.js"></script>
|
|
<script src="../static/js/mustache.js"></script>
|
|
<script>
|
|
function loadMapsAPI() {
|
|
var script = document.createElement('script');
|
|
script.type = 'text/javascript';
|
|
script.src = 'https://maps.googleapis.com/maps/api/js?v=3' +
|
|
'&signed_in=true&key=' + apiKey +'&callback=initialize';
|
|
document.body.appendChild(script);
|
|
|
|
|
|
}
|
|
|
|
document.addEventListener("DOMContentLoaded", function(event) {
|
|
loadMapsAPI();
|
|
});
|
|
|
|
</script>
|
|
|
|
</head>
|
|
<body>
|
|
<div id="output"></div>
|
|
<div id="wrapper">
|
|
<div id="map-canvas"></div>
|
|
<div id="maplabel"></div>
|
|
</div>
|
|
</body>
|
|
</html>
|