Closed webcompat-bot closed 2 years ago
I can reproduce, after trying to navigate the tiles don't load in certain areas in Firefox Nightly 91.0a1 (2021-06-01) on MacOS. Doesn't happen in Chrome.
Moving to needsdiagnosis
The title is loaded… but that seems to represent a black image.
All the tiles finishing by 6.jpg
are black.
<div
class="leaflet-tile-container leaflet-zoom-animated"
style="z-index: 4; transform: translate3d(0px, 0px, 0px) scale(1)"
>
<img
alt=""
role="presentation"
src="https://cdn.maprunner.info/images/maps/michigan/island-lake/satellite/3/4/4.jpg?v=2"
class="leaflet-tile leaflet-tile-loaded"
style="
width: 257px;
height: 257px;
transform: translate3d(116px, 42px, 0px);
opacity: 1;
"
/><img
alt=""
role="presentation"
src="https://cdn.maprunner.info/images/maps/michigan/island-lake/satellite/3/5/4.jpg?v=2"
class="leaflet-tile leaflet-tile-loaded"
style="
width: 257px;
height: 257px;
transform: translate3d(372px, 42px, 0px);
opacity: 1;
"
/><img
alt=""
role="presentation"
src="https://cdn.maprunner.info/images/maps/michigan/island-lake/satellite/3/4/5.jpg?v=2"
class="leaflet-tile leaflet-tile-loaded"
style="
width: 257px;
height: 257px;
transform: translate3d(116px, 298px, 0px);
opacity: 1;
"
/><img
alt=""
role="presentation"
src="https://cdn.maprunner.info/images/maps/michigan/island-lake/satellite/3/5/5.jpg?v=2"
class="leaflet-tile leaflet-tile-loaded"
style="
width: 257px;
height: 257px;
transform: translate3d(372px, 298px, 0px);
opacity: 1;
"
/><img
alt=""
role="presentation"
src="https://cdn.maprunner.info/images/maps/michigan/island-lake/satellite/3/4/3.jpg?v=2"
class="leaflet-tile leaflet-tile-loaded"
style="
width: 257px;
height: 257px;
transform: translate3d(116px, -214px, 0px);
opacity: 1;
"
/><img
alt=""
role="presentation"
src="https://cdn.maprunner.info/images/maps/michigan/island-lake/satellite/3/5/3.jpg?v=2"
class="leaflet-tile leaflet-tile-loaded"
style="
width: 257px;
height: 257px;
transform: translate3d(372px, -214px, 0px);
opacity: 1;
"
/><img
alt=""
role="presentation"
src="https://cdn.maprunner.info/images/maps/michigan/island-lake/satellite/3/3/4.jpg?v=2"
class="leaflet-tile leaflet-tile-loaded"
style="
width: 257px;
height: 257px;
transform: translate3d(-140px, 42px, 0px);
opacity: 1;
"
/><img
alt=""
role="presentation"
src="https://cdn.maprunner.info/images/maps/michigan/island-lake/satellite/3/6/4.jpg?v=2"
class="leaflet-tile leaflet-tile-loaded"
style="
width: 257px;
height: 257px;
transform: translate3d(628px, 42px, 0px);
opacity: 1;
"
/><img
alt=""
role="presentation"
src="https://cdn.maprunner.info/images/maps/michigan/island-lake/satellite/3/3/5.jpg?v=2"
class="leaflet-tile leaflet-tile-loaded"
style="
width: 257px;
height: 257px;
transform: translate3d(-140px, 298px, 0px);
opacity: 1;
"
/><img
alt=""
role="presentation"
src="https://cdn.maprunner.info/images/maps/michigan/island-lake/satellite/3/6/5.jpg?v=2"
class="leaflet-tile leaflet-tile-loaded"
style="
width: 257px;
height: 257px;
transform: translate3d(628px, 298px, 0px);
opacity: 1;
"
/><img
alt=""
role="presentation"
src="https://cdn.maprunner.info/images/maps/michigan/island-lake/satellite/3/4/6.jpg?v=2"
class="leaflet-tile leaflet-tile-loaded"
style="
width: 257px;
height: 257px;
transform: translate3d(116px, 554px, 0px);
opacity: 1;
"
/><img
alt=""
role="presentation"
src="https://cdn.maprunner.info/images/maps/michigan/island-lake/satellite/3/5/6.jpg?v=2"
class="leaflet-tile leaflet-tile-loaded"
style="
width: 257px;
height: 257px;
transform: translate3d(372px, 554px, 0px);
opacity: 1;
"
/><img
alt=""
role="presentation"
src="https://cdn.maprunner.info/images/maps/michigan/island-lake/satellite/3/3/3.jpg?v=2"
class="leaflet-tile leaflet-tile-loaded"
style="
width: 257px;
height: 257px;
transform: translate3d(-140px, -214px, 0px);
opacity: 1;
"
/><img
alt=""
role="presentation"
src="https://cdn.maprunner.info/images/maps/michigan/island-lake/satellite/3/6/3.jpg?v=2"
class="leaflet-tile leaflet-tile-loaded"
style="
width: 257px;
height: 257px;
transform: translate3d(628px, -214px, 0px);
opacity: 1;
"
/><img
alt=""
role="presentation"
src="https://cdn.maprunner.info/images/maps/michigan/island-lake/satellite/3/3/6.jpg?v=2"
class="leaflet-tile leaflet-tile-loaded"
style="
width: 257px;
height: 257px;
transform: translate3d(-140px, 554px, 0px);
opacity: 1;
"
/><img
alt=""
role="presentation"
src="https://cdn.maprunner.info/images/maps/michigan/island-lake/satellite/3/6/6.jpg?v=2"
class="leaflet-tile leaflet-tile-loaded"
style="
width: 257px;
height: 257px;
transform: translate3d(628px, 554px, 0px);
opacity: 1;
"
/>
</div>
example https://cdn.maprunner.info/images/maps/michigan/island-lake/satellite/3/6/6.jpg?v=2 but they are the limit of the map.
The rest is displayed correctly. Maybe this is fixed.
URL: https://www.maprunner.info/michigan/island-lake?lat=-172.48&lng=167.14
Browser / Version: Firefox 90.0 Operating System: Windows 10 Tested Another Browser: Yes Chrome
Problem type: Something else Description: Map dpes not work when in 1920x1080 window Steps to Reproduce: map goes blank in non fullscreen
View the screenshot
Browser Configuration
View console log messages
From webcompat.com with ❤️