Index: binary-improvements/webserver/css/style.css =================================================================== --- binary-improvements/webserver/css/style.css (revision 133) +++ binary-improvements/webserver/css/style.css (revision 149) @@ -5,5 +5,5 @@ background-color: #230000; } -#pos { +#info { background-color: #aaaaaa; position: absolute; Index: binary-improvements/webserver/index.html =================================================================== --- binary-improvements/webserver/index.html (revision 133) +++ binary-improvements/webserver/index.html (revision 149) @@ -9,8 +9,11 @@
-
Coords:
+
+ MouseCoords:
+ RegionFile: +
- - + + Index: binary-improvements/webserver/js/index.js =================================================================== --- binary-improvements/webserver/js/index.js (revision 133) +++ binary-improvements/webserver/js/index.js (revision 149) @@ -18,4 +18,20 @@ }); +var CoordToChunk = function(latlng) { + var x = Math.floor(((latlng.lng + 16777216) / 16) - (16777216 / 16)); + var y = Math.floor(((latlng.lat + 16777216) / 16) - (16777216 / 16)); + return L.latLng(y, x); +} + +var CoordToRegion = function(latlng) { + var x = Math.floor(((latlng.lng + 16777216) / 512) - (16777216 / 512)); + var y = Math.floor(((latlng.lat + 16777216) / 512) - (16777216 / 512)); + return L.latLng(y, x); +} + +var FormatCoord = function(latlng) { + return Math.abs(latlng.lat)+ (latlng.lat>=0 ? " N" : " S") + " / " + Math.abs(latlng.lng) + (latlng.lng>=0 ? " E" : " W"); +} + var map = L.map('map', { zoomControl: true, @@ -35,5 +51,8 @@ }).addTo(map); + map.on('mousemove', function(e) { - L.DomUtil.get('pos').textContent = "MouseCoord: " + Math.abs(e.latlng.lng) + (e.latlng.lng>=0 ? " E" : " W") + " / " + Math.abs(e.latlng.lat)+ (e.latlng.lat>=0 ? " N" : " S"); + var rf = CoordToRegion(e.latlng); + L.DomUtil.get('pos').textContent = FormatCoord(e.latlng); + L.DomUtil.get('regfile').textContent = "r." + rf.lng + "." + rf.lat + ".7rg"; });