mirror of
https://github.com/neocturne/MinedMap.git
synced 2025-03-04 17:23:33 +01:00
viewer: add coordinate control
This commit is contained in:
parent
80b38d3d7a
commit
61f47521a9
1 changed files with 26 additions and 0 deletions
|
@ -78,6 +78,25 @@ var MinedMapLayer = L.GridLayer.extend({
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|
||||||
|
var CoordControl = L.Control.extend({
|
||||||
|
initialize: function () {
|
||||||
|
this.options.position = 'bottomleft';
|
||||||
|
},
|
||||||
|
|
||||||
|
onAdd: function (map) {
|
||||||
|
this._container = L.DomUtil.create('div', 'leaflet-control-attribution');
|
||||||
|
|
||||||
|
return this._container;
|
||||||
|
},
|
||||||
|
|
||||||
|
update: function (x, z) {
|
||||||
|
if (!this._map) { return; }
|
||||||
|
|
||||||
|
this._container.innerHTML = 'X: ' + x + ' Z: ' + z;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
|
||||||
window.createMap = function () {
|
window.createMap = function () {
|
||||||
var xhr = new XMLHttpRequest();
|
var xhr = new XMLHttpRequest();
|
||||||
xhr.onload = function () {
|
xhr.onload = function () {
|
||||||
|
@ -107,6 +126,13 @@ window.createMap = function () {
|
||||||
};
|
};
|
||||||
|
|
||||||
L.control.layers({}, overlayMaps).addTo(map);
|
L.control.layers({}, overlayMaps).addTo(map);
|
||||||
|
|
||||||
|
var coordControl = new CoordControl();
|
||||||
|
coordControl.addTo(map);
|
||||||
|
|
||||||
|
map.on('mousemove', function(e) {
|
||||||
|
coordControl.update(Math.round(e.latlng.lng), Math.round(-e.latlng.lat));
|
||||||
|
});
|
||||||
};
|
};
|
||||||
|
|
||||||
xhr.open('GET', 'data/info.json', true);
|
xhr.open('GET', 'data/info.json', true);
|
||||||
|
|
Loading…
Add table
Reference in a new issue