Add mouse coordinate display to bottom left
This commit is contained in:
parent
134d70dc9f
commit
fcc26a7fa5
@ -606,6 +606,31 @@ L.GotoControl = L.MyControl.extend({
|
|||||||
mymap.addControl(new L.SearchControl());
|
mymap.addControl(new L.SearchControl());
|
||||||
mymap.addControl(new L.GotoControl());
|
mymap.addControl(new L.GotoControl());
|
||||||
|
|
||||||
|
L.CurrentPosControl = L.Control.extend({
|
||||||
|
options: {
|
||||||
|
position : 'bottomleft',
|
||||||
|
callback: null,
|
||||||
|
kind: "",
|
||||||
|
html: ''
|
||||||
|
},
|
||||||
|
onAdd: function (map) {
|
||||||
|
container = L.DomUtil.create('div', 'leaflet-control-scale leaflet-bar');
|
||||||
|
container.style.visibility = "hidden";
|
||||||
|
div = L.DomUtil.create('div', '', container);
|
||||||
|
div.style.backgroundColor = "white";
|
||||||
|
div.style.paddingLeft = "4px";
|
||||||
|
div.style.paddingRight = "4px";
|
||||||
|
div.style.borderRadius = "2px";
|
||||||
|
div.style.margin = "2px";
|
||||||
|
div.style.opacity = "0.6";
|
||||||
|
div.style.fontWeight = "bold";
|
||||||
|
div.innerHTML = "";
|
||||||
|
div.id = "current_position_label";
|
||||||
|
return container;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
mymap.addControl(new L.CurrentPosControl());
|
||||||
|
|
||||||
var popup = L.popup();
|
var popup = L.popup();
|
||||||
|
|
||||||
L.AwesomeMarkers.Icon.prototype.options.prefix = 'fa';
|
L.AwesomeMarkers.Icon.prototype.options.prefix = 'fa';
|
||||||
@ -687,6 +712,17 @@ function update_outline_visibility() {
|
|||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
|
function update_current_mouse_position(e) {
|
||||||
|
var lbl = document.getElementById('current_position_label');
|
||||||
|
if (e.type == "mouseout") {
|
||||||
|
lbl.parentElement.style.visibility = "hidden";
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
lbl.parentElement.style.visibility = "visible";
|
||||||
|
pos = resolve_latlng(e.latlng);
|
||||||
|
lbl.innerHTML = pos.lng + "," + pos.lat;
|
||||||
|
}
|
||||||
|
|
||||||
mymap.on('zoomend', function () {is_user_drag = 1; update_hash_from_position();});
|
mymap.on('zoomend', function () {is_user_drag = 1; update_hash_from_position();});
|
||||||
mymap.on('zoomend', update_aa_status);
|
mymap.on('zoomend', update_aa_status);
|
||||||
mymap.on('zoomend', update_street_width);
|
mymap.on('zoomend', update_street_width);
|
||||||
@ -695,6 +731,8 @@ mymap.on('moveend', update_hash_from_position);
|
|||||||
mymap.on('dragstart', function () { is_user_drag = 1;});
|
mymap.on('dragstart', function () { is_user_drag = 1;});
|
||||||
mymap.on('keydown', function (e) { if (e.originalEvent.code.match(/Arrow.*/)) is_user_drag = 1;});
|
mymap.on('keydown', function (e) { if (e.originalEvent.code.match(/Arrow.*/)) is_user_drag = 1;});
|
||||||
mymap.on('overlayadd', function (e) { update_street_width(); update_outline_visibility(); });
|
mymap.on('overlayadd', function (e) { update_street_width(); update_outline_visibility(); });
|
||||||
|
mymap.on('mousemove', update_current_mouse_position);
|
||||||
|
mymap.on('mouseout', update_current_mouse_position);
|
||||||
|
|
||||||
function onHashChange(e, hash=null) {
|
function onHashChange(e, hash=null) {
|
||||||
if (!hash)
|
if (!hash)
|
||||||
|
Loading…
Reference in New Issue
Block a user