lukas.uptmoor/webgis-lohne
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

custom mouse position styling

Browse Source
This commit is contained in:
patrickzerhusen
2026-04-20 14:30:43 +02:00
parent 1eafc27c53
commit d3cfcbab25
2 changed files with 19 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
public/js/app.js
View File

@@ -149,15 +149,10 @@ var MousePositionControl = L.Control.extend({
onAdd: function () {
var container = L.DomUtil.create('div', 'mouse-position-display');
container.style.background = 'rgba(255,255,255,0.85)';
container.style.padding = '2px 8px';
container.style.fontSize = '12px';
container.style.borderRadius = '4px';
container.style.fontFamily = 'monospace';
container.innerHTML = 'Lat: — | Lng: —';
container.innerHTML = 'Lat: , Lng: ';
map.on('mousemove', function (e) {
container.innerHTML = 'Lat: ' + e.latlng.lat.toFixed(5) + ' | Lng: ' + e.latlng.lng.toFixed(5);
container.innerHTML = 'Lat: ' + e.latlng.lat.toFixed(5) + ', Lng: ' + e.latlng.lng.toFixed(5);
});
return container;

17
public/styles.css
View File

@@ -194,6 +194,23 @@ html, body {
}
/* -----------------------------------------------------------------
Mouse Position Display
----------------------------------------------------------------- */
.mouse-position-display {
background: rgba(255, 255, 255, 0.85);
padding: 2px 8px;
font-size: 0.75rem;
border-radius: 4px;
}
@media (max-width: 768px) {
.mouse-position-display {
display: none;
}
}
/* -----------------------------------------------------------------
Sidebar Overrides
----------------------------------------------------------------- */