Markers don't appear in the correct place when viewed from a mobile browser iframe

[PanicRide]

What i did / Steps to reproduce

When viewing the map on our website, it appears in an iframe that takes up the entire window except for a header at the top. This works just fine from a desktop browser. However, on a mobile browser, the markers don't appear in the correct position, as if the map is calculating their position based on the entire browser window and not just the iframe it's in. This becomes much more obvious when zooming out as much as possible. When switching to the full screen view, the markers appear as expected.

Expected result

The markers should appear in the correct position on the map regardless of whether the map is being displayed in an iframe or not

Actual result

The markers are not in the correct position when view in an iframe in a mobile browser window

Context

BlueMap Version: BlueMap-3.20-paper

This was tested on a Google Pixel 7 Pro using Google Chrome version 121.0.6167.101

Screen Capture Video Demonstration

For more information, or to get access to our map, you can message me here or on discord as: panicride