几个月前,我制作了一个cordova应用程序,该应用程序使用openstreetmap和leaflet.js。它运行良好,并且仍然可以在我的队友使用日常BUT的Android手机上运行,当我尝试在某些新平板电脑(使用Android 10)上使用它时,我的应用仅加载(或仅显示)灰色地图图块。
其他功能(如检索坐标,标记等)似乎运行良好,但是地图图块未加载或显示。
我该如何解决?
我的将地图加载到id为“ mapa”的div中的配置是:
var caracteristicas_mapa = {
center: [0, 0],
zoom: 17
}
// Crear objeto mapa
window.mapa = new L.map('mapa', caracteristicas_mapa);
// Crear objeto capa (layer)
var capa = new L.TileLayer('http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png');
// Agregando la capa al mapa
window.mapa.addLayer(capa);
谢谢大家。
答案 0 :(得分:0)
使用https作为TileLayer URL。
(您应该从http重定向到https,但是您的应用程序可能会阻止加载混合内容)。