android上未显示传单地图

android上未显示传单地图,android,mobile,leaflet,openstreetmap,Android,Mobile,Leaflet,Openstreetmap,我的传单地图显示在Firefox桌面上,但不显示在Android上。只显示控件和属性,但没有地图和标记,只有灰色 我在stackoverflow上用标签[传单]和手机搜索并阅读了所有内容,但并没有任何建议的解决方案对我有效 我的代码: <div id="karte_weitra" style="height: 400px; width: 96%; margin: 1em auto 1.2em;"></div> <script type="text/javascrip

我的传单地图显示在Firefox桌面上,但不显示在Android上。只显示控件和属性,但没有地图和标记,只有灰色

我在stackoverflow上用标签[传单]和手机搜索并阅读了所有内容,但并没有任何建议的解决方案对我有效

我的代码:

<div id="karte_weitra" style="height: 400px; width: 96%; margin: 1em auto 1.2em;"></div>
<script type="text/javascript">
var mymap = L.map('karte_weitra').setView([48.7008, 15.09], 10);
L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
    attribution: 'Map data &copy;&nbsp;<a href="https://www.openstreetmap.org/">OpenStreetMap</a> contributors, <a href="https://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>',
    maxZoom: 18
}).addTo(mymap);
var markerWeitra = L.marker([48.70071, 14.9038]).addTo(mymap);
markerWeitra.bindPopup("<strong>Jägerfabrik</strong><br />Wilhelm Szabo Str.&nbsp;230<br />3970&nbsp;Weitra, Austria", {
    minWidth: 170,
    className: "marker_weitra_popup",
    maxHeight: 60
});
</script>

konsole中没有错误消息。

罪魁祸首是CSS规则迫使图像在小型显示器上的宽度为90%


再次感谢您的帮助,特别是MCVE的提示,以及如何调试小程序的有用链接。

罪魁祸首是CSS规则强制图像在小屏幕上的宽度为90%


再次感谢您的帮助,特别是MCVE的提示,以及如何调试小程序的有用链接。

欢迎使用SO!当你说移动,你的意思是你通过移动浏览器访问你的HTML页面,比如Android版的Chrome浏览器,还是通过一个通常使用Cordova构建的混合应用程序?我是通过移动浏览器访问的。当你尝试通过移动浏览器访问时会发生什么?我可以看到地图。另外,我还有一个网站,在那里我成功地添加了一张地图。然后,肯定还有其他东西,而不是你显示的代码,它创建了这个问题。确保你不在家。否则,请务必提供。欢迎使用SO!当你说移动,你的意思是你通过移动浏览器访问你的HTML页面,比如Android版的Chrome浏览器,还是通过一个通常使用Cordova构建的混合应用程序?我是通过移动浏览器访问的。当你尝试通过移动浏览器访问时会发生什么?我可以看到地图。另外,我还有一个网站,在那里我成功地添加了一张地图。然后,肯定还有其他东西,而不是你显示的代码,它创建了这个问题。确保你不在家。否则,请确保提供。