嵌入式iframe上的umap tilelayer未显示在移动设备上

我已经使用创建了一个地图，并使用内置的iframe选项将其嵌入到地图中。它在桌面上完全可以正常工作，但在手机上没有显示瓷砖层——相反，背景是灰色的。如果由用户通过菜单手动选择，则会显示

我试过：

• 不同的浏览器/设备
• 使用不同的平铺主题
• dev控制台中不同的屏幕分辨率（都是正常的，只是实际手机上的问题）
• 不同的iframe大小和绝对/相对值
• 启用/禁用滚轮缩放

网站上当前的iframe代码：

<iframe width="100%" height="400" frameborder="0" allowfullscreen src="https://umap.openstreetmap.fr/en/map/meinfirmenwiki_426663?scaleControl=true&miniMap=false&zoomControl=true&allowEdit=false&moreControl=false&searchControl=null&tilelayersControl=null&embedControl=null&datalayersControl=expanded&onLoadPanel=none&captionBar=false&fullscreenControl=true"></iframe>

编辑：检查地图时也一样，配置的地图不支持“视网膜瓷砖”。这些平铺用于具有高DPI的显示器。它们通常出现在智能手机和大型桌面屏幕上

这两者之间的区别是平铺层URL。在您的配置中，检索“标准”磁贴，例如通过

而“视网膜瓦片”是通过

注意

@2x

。不过，后一个URL不存在。这意味着您必须切换到支持视网膜分幅的分幅服务器，或者必须为地图禁用视网膜分幅

要禁用视网膜互动程序，必须从互动程序URL中删除

{r}

占位符。替换

https://{s}.forte.tiles.quaidorsay.fr/en{r}/{z}/{x}/{y}.png

与

https://{s}.forte.tiles.quaidorsay.fr/en/{z}/{x}/{y}.png