Javascript 即使添加了图层，传单贴图也会显示灰色区域

我的传单地图显示灰色的瓷砖。我还添加了图层。

const mainMap=新的L.map（“mainMap”{
双击缩放：错误，
动物控制：错误，
}).setView（[34.543896,64.160652]，6）；
const osm=L.tileLayer（“https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png”{
最大缩放：6，
归属：
“©；贡献者”，
});
mainMap.addLayer（osm）；

记住要包括CSS文件：

<link rel="stylesheet" href="https://unpkg.com/leaflet@1.7.1/dist/leaflet.css"
   integrity="sha512-xodZBNTC5n17Xt2atTPuE1HxjVMSvLVW9ocqUKLsCC5CXdbqCmblAshOMAS6/keqq/sMZMZ19scR4PsZChSR7A=="
   crossorigin=""
/>

---

这应该适合您。

加载页面后加载地图，或调用

map.invalidateSize（）加载后。你试过这个吗：不，现在可以了@这能回答你的问题吗？
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.7.1/dist/leaflet.css"
   integrity="sha512-xodZBNTC5n17Xt2atTPuE1HxjVMSvLVW9ocqUKLsCC5CXdbqCmblAshOMAS6/keqq/sMZMZ19scR4PsZChSR7A=="
   crossorigin=""
/>