我的传单图在桌面上显示(带有firefox(,但在android上不显示。仅显示控件和归因,但没有映射和标记,只有灰色。
我在stackoverflow上搜索并阅读了所有标签" [传单]"one_answers"移动",但没有建议的解决方案对我有用。
我的代码:
<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 © <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. 230<br />3970 Weitra, Austria", {
minWidth: 170,
className: "marker_weitra_popup",
maxHeight: 60
});
</script>
Konsole中没有错误消息。
罪魁祸首是CSS规则,将图像强加于小显示器上的宽度为90%。
再次感谢您的帮助,尤其是在MCVE的提示,并具有"如何调试小程序"的有用链接。
在我的情况下,这是因为在生产中,我的服务器拥有HTTPS证书,并且在开发中没有。发生的事情是在我的移动应用程序中,它没有看出它是不安全的连接的消息。当我将一个图像图像从GeoServer WMS并粘贴到移动浏览器的链接时,出现了不安全连接的消息。在我选择批准进入无保证连接的情况下,在该瓷砖映像中,然后在Web应用中输入后,它开始显示GeoServer的所有图像。