mapserver/static/js/map/CoordinatesDisplay.js
2019-08-29 10:28:52 +02:00

36 lines
837 B
JavaScript

export default L.Control.extend({
onAdd: function(map) {
var div = L.DomUtil.create('div', 'leaflet-bar leaflet-custom-display');
var hoverCoord, clickCoord;
function updateHover(ev){
hoverCoord = ev.latlng;
update();
}
function updateClick(ev){
clickCoord = ev.latlng;
update();
}
function update(){
var html = "";
if (hoverCoord)
html = html + "X=" + parseInt(hoverCoord.lng) + " Z=" + parseInt(hoverCoord.lat);
if (clickCoord)
html = html + " (marked: X=" + parseInt(clickCoord.lng) + " Z=" + parseInt(clickCoord.lat) + ")";
div.innerHTML = html;
}
map.on('mousemove', updateHover);
map.on('click', updateClick);
map.on('touch', updateClick);
return div;
}
});