1
0
Fork 0
mirror of https://github.com/iiab/iiab.git synced 2025-02-13 19:52:06 +00:00
iiab/roles/osm-vector-maps/templates/index.html
2019-05-06 07:29:44 -07:00

57 lines
2.2 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<title>Osm-Vector Splash Page</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Bootstrap -->
<link href="/common/css/bootstrap.min.css" rel="stylesheet">
<script src='/common/js/jquery.min.js'></script>
</head>
<body>
<h2>Vector Maps Test Page -- Use The Admin Console to Download a Selected Region</h2>
<p>The IIAB vector maps are based upon OpenStreetMap Data. Each map has general geographic information that covers the <b>whole world </b>with a resolution of about 5 KM. The detailed regions provide data about items that are 5 meters apart. </p>
<div class="row">
<div class="col-sm-12"><a href="/admin"><button id="INST-MODS" type="button" class="btn btn-lg btn-primary">Go To Admin Console</button></a></div>
</div>
<div id="osmRegionSelection" >
<style>
#map-container{
background-color: #b2d3f8;
float: right;
width: 70%;
right: 10px;
height: 500px;
}
body {
padding: 40px;
}
</style>
<div id="map-container"></div>
</div>
<div id='regionlist'>placeholdr</div>
</div> <!-- End instOsmRegion Submenu Option Pane -->
<script>
function readableSize(kbytes) {
if (kbytes == 0)
return "0";
var bytes = 1024 * kbytes;
var s = ['bytes', 'kB', 'MB', 'GB', 'TB', 'PB'];
var e = Math.floor(Math.log(bytes) / Math.log(1024));
return (bytes / Math.pow(1024, e)).toFixed(2) + " " + s[e];
}
</script>
<script src="/osm-vector-maps/maplist/assets/map_functions.js"></script>
<script>
window.$ = window.$ = jQuery;
$.when(readMapCatalog()).done(function() {
renderRegionList(false);
});
</script>
<script type="text/javascript" src="/osm-vector-maps/maplist/main.js"></script></body>
</html>