Листовка не отображается на андроиде - PullRequest
Новая
       16

Листовка не отображается на андроиде

0 голосов
/ 27 мая 2019

Моя карта листовки отображается на рабочем столе (с Firefox), но не на Android. Там показаны только элементы управления и атрибуция, но нет карты и маркера, только серый.

Я искал и читал все с тегами «[leaflet]» и «mobile» в 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.

1 Ответ

2 голосов
/ 28 мая 2019

Виновником было правило CSS, заставляющее изображения на 90% ширины на небольших дисплеях.

Еще раз спасибо за помощь, особенно намек на MCVE с полезной ссылкой на «Как отлаживать небольшие программы».

...