Question

此传单地图可以在桌面浏览器上正常运行，不能在移动浏览器上运行，不知道错误在哪里！

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：

#tour-map { position: relative; margin: 0 auto; width: 100%; height: 360px; }

Answer 1

该问题是由HTTP和HTTPS协议混合引起的。非常感谢ghybs帮助我！

传单地图在移动浏览器上呈灰色

1 个答案: