我使用umap创建了一个地图，并使用内置的iframe选项将其嵌入到网站上。它在桌面上运行得很好，但瓷砖层并没有出现在手机上——相反，背景只是灰色的。如果用户通过菜单手动选择它，它就会显示出来。
我试过：
- 不同的浏览器/设备
- 使用不同的互动程序主题
- 开发控制台中的不同屏幕分辨率(都很正常，只是实际手机上的问题(
- 不同的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>
编辑：在umap网站上查看地图时也是如此
配置的瓦片层不支持"retina瓦片"。这些拼贴用于高DPI的显示器。这些常见于智能手机和大型桌面屏幕上。
这两者之间的区别在于平铺层URL。在您的配置中，例如通过检索"标准"磁贴
https://a.forte.tiles.quaidorsay.fr/en/8/137/91.png
同时通过检索"视网膜瓦片">
https://a.forte.tiles.quaidorsay.fr/en@2x/8/137/91.png
注意@2x。不过，后一个URL并不存在。这意味着你要么必须切换到支持视网膜瓦片的瓦片服务器，要么必须禁用地图的视网膜瓦片。
要禁用retina磁贴，您必须从磁贴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