kevinsivic/dawarich
1
0
Fork 0
mirror of https://github.com/Freika/dawarich.git synced 2026-01-11 01:31:39 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions

Fix fog gets displaced when dragging map

Browse source 
Also recalculates the size of the fog when resizing the browser window.

Closes #774
This commit is contained in:
Christian Nikel 2025-02-11 00:12:01 +00:00
parent 4de899ecb0
commit 01fd9f6e35
1 changed files with 7 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
app/javascript/maps/fog_of_war.js
View file

@ -85,15 +85,12 @@ export function createFogOverlay() {
onAdd: (map) => {
initializeFogCanvas(map);
// Add drag event handlers to update fog during marker movement
map.on('drag', () => {
const fog = document.getElementById('fog');
if (fog) {
// Update fog canvas position to match map position
const mapPos = map.getContainer().getBoundingClientRect();
fog.style.left = `${mapPos.left}px`;
fog.style.top = `${mapPos.top}px`;
}
// Add resize event handlers to update fog size
map.on('resize', () => {
// Set canvas size to match map container
const mapSize = map.getSize();
fog.width = mapSize.x;
fog.height = mapSize.y;
});
},
onRemove: (map) => {
@ -102,7 +99,7 @@ export function createFogOverlay() {
fog.remove();
}
// Clean up event listener
map.off('drag');
map.off('resize');
}
});
}