mirror of
https://github.com/lrnselfreliance/wrolpi.git
synced 2026-10-26 10:51:36 -04:00
37 lines
1 KiB
HTML
37 lines
1 KiB
HTML
<!DOCTYPE HTML>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<script src="/leaflet.js"></script>
|
|
<link rel="stylesheet" href="/leaflet.css" />
|
|
<style>
|
|
html, body {
|
|
height: 100%;
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
#map {
|
|
/* configure the size of the map */
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div id="map"></div>
|
|
<script>
|
|
// initialize Leaflet
|
|
var map = L.map('map').setView({lon: 0, lat: 0}, 2);
|
|
|
|
// add the OpenStreetMap tiles
|
|
L.tileLayer(`https://${window.location.hostname}:8084/hot/{z}/{x}/{y}.png`, {
|
|
maxZoom: 19,
|
|
attribution: '© <a href="https://openstreetmap.org/copyright">OpenStreetMap contributors</a>'
|
|
}).addTo(map);
|
|
|
|
// show the scale bar on the lower left corner
|
|
L.control.scale({imperial: true, metric: true}).addTo(map);
|
|
</script>
|
|
</body>
|
|
</html>
|