add timestamp to the webpage

pull/39/head
Etienne Trimaille 2016-07-20 12:34:23 +07:00
rodzic 81d5eb4c02
commit 494f9ef1a9
2 zmienionych plików z 35 dodań i 3 usunięć

Wyświetl plik

@ -98,6 +98,7 @@ qgisserver:
volumes:
- ./logs:/var/log/apache2
- ./web:/web
- ./settings:/web/settings
links:
- db:db
ports:

Wyświetl plik

@ -2,12 +2,43 @@
<title>Docker OSM</title>
<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.css" />
<style>
body { padding: 0; margin: 0;}
html, body, #map { height: 100%; width: 100%; background-color: #2b6adb;}
</style></head><body>
body {
padding: 0;
margin: 0;
}
html, body, #map {
height: 100%;
width: 100%;
background-color: #2b6adb;
}
#overlay{
position:absolute;
top:10px;
left:50px;
background-color:rgba(255, 255, 255, 0.7);
padding: 5px;
border: 1px solid;
border-radius: 2px;
z-index: 100;
}
</style>
</head>
<body>
<div id="map"></div>
<div id="overlay">timestamp</div>
<script src="http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.js"></script>
<script>
var timestamp;
xmlhttp=new XMLHttpRequest();
xmlhttp.onreadystatechange=function() {
if (xmlhttp.readyState==4 && xmlhttp.status==200) {
timestamp = xmlhttp.responseText;
}
}
xmlhttp.open("GET", "/settings/timestamp.txt", false );
xmlhttp.send();
document.getElementById('overlay').innerHTML = timestamp;
var map = L.map('map').setView([0, 0], 3);
var osm = L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png?').addTo(map);