Question

我的传单地图显示在台式机（使用Firefox）上，而不显示在Android上。仅显示控件和属性，但没有地图，没有标记，只有灰色。

我在stackoverflow上搜索并读取了带有“ [leaflet]”和“ mobile”标签的所有内容，但没有建议的解决方案对我有用。

我的代码：

<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中没有错误消息。

Answer 1

罪魁祸首是一个CSS规则，强制在小型显示器上将图像的宽度设置为90％。

再次感谢您的帮助，尤其是MCVE的提示，其中包含指向“如何调试小型程序”的有用链接。

传单地图未在Android上显示

1 个答案: