Javascript 手机浏览器上的灰色传单地图

此传单地图在桌面浏览器上运行良好，但在移动浏览器上运行不正常，不知道错误在哪里

var map = new L.Map("tour-map",{ zoomControl: false, maxZoom: 15 });

var basemaps = {
    opentopomap: L.tileLayer('http://{s}.tile.opentopomap.org/{z}/{x}/{y}.png'),
    hikebike: L.tileLayer('http://{s}.tiles.wmflabs.org/hikebike/{z}/{x}/{y}.png'),
    worldimagery: L.tileLayer('http://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}')
};

L.control.layers(basemaps).addTo(map);

basemaps.opentopomap.addTo(map);

Chrome控制台没有显示任何错误

这是css：

---

#巡更地图{位置：相对；边距：0自动；宽度：100%；高度：360px；}

该问题是由混合使用HTTP和HTTPS协议引起的。

---

非常感谢ghybs对我的帮助

欢迎来到SO！您如何定义您的

“旅游地图”

地图容器大小？是移动浏览器还是网络视图？您好，ghybs，谢谢您的帮助！这是css:

#巡更地图{位置：相对；边距：0自动；宽度：100%；高度：360px；}

您应该编辑您的问题，而不是在注释中添加更多信息（问题下方应该有灰色链接）。是移动浏览器还是网络视图？抱歉，这是我第一次使用堆栈溢出，我对这个编辑器不是很熟悉。顺便说一句，这个问题与移动浏览器（就像我在第一篇文章中写的）Np有关，每个人都会在某个时候学到…：-）无法用提供的代码重现你的问题（一旦你在Android上的Chrome上

map.setView（latlng，zoom）

）：