Use root-map element for scroll-events. Fixes: #409

This commit is contained in:
Lukas Rieger (Blue) 2023-06-17 12:42:34 +02:00
parent 22f2b09fe5
commit e46efc4c53
No known key found for this signature in database
GPG Key ID: 2D09EC5ED2687FF2
2 changed files with 5 additions and 3 deletions

View File

@ -48,7 +48,7 @@ export class BlueMapApp {
this.mapViewer = new MapViewer(rootElement, this.events);
this.mapControls = new MapControls(this.mapViewer.renderer.domElement);
this.mapControls = new MapControls(this.mapViewer.renderer.domElement, rootElement);
this.freeFlightControls = new FreeFlightControls(this.mapViewer.renderer.domElement);
/** @type {PlayerMarkerManager} */

View File

@ -50,9 +50,11 @@ export class MapControls {
/**
* @param rootElement {Element}
* @param scrollCaptureElement {Element}
*/
constructor(rootElement) {
constructor(rootElement, scrollCaptureElement) {
this.rootElement = rootElement;
this.scrollCaptureElement = scrollCaptureElement;
this.data = reactive({
followingPlayer: null
@ -68,7 +70,7 @@ export class MapControls {
this.mouseMove = new MouseMoveControls(this.rootElement, 1.5,0.3);
this.mouseRotate = new MouseRotateControls(this.rootElement, 6, 0.3);
this.mouseAngle = new MouseAngleControls(this.rootElement, 3, 0.3);
this.mouseZoom = new MouseZoomControls(this.rootElement, 1, 0.2);
this.mouseZoom = new MouseZoomControls(this.scrollCaptureElement, 1, 0.2);
this.keyMove = new KeyMoveControls(this.rootElement, 0.025, 0.2);
this.keyRotate = new KeyRotateControls(this.rootElement, 0.06, 0.15);