<div style="display: flex; flex-wrap: wrap; white-space: pre-wrap; align-items: center; "><img height="20" width="20" style="border-radius:50%; margin-right: 4px;" decoding="async" src="https://avatars.githubusercontent.com/u/1231218?s=20&v=4" /><strong>1ec5</strong> left a comment <a href="https://github.com/openstreetmap/openstreetmap-website/pull/6504#issuecomment-3656794942">(openstreetmap/openstreetmap-website#6504)</a></div>
<p dir="auto"><a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/imagico/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/imagico">@imagico</a>, did you zoom in or out before taking the screenshot (using either a scroll wheel or two-finger trackpad gesture, as opposed to the ± buttons)? I think this might be an artifact of smooth zooming (fractional zooming). Leaflet has this capability too, but we never enabled it on this site.</p>
<p dir="auto">By default, both libraries assume a raster tile layer is showing raster data (i.e., aerial or satellite imagery), so they resolve the <code class="notranslate">zoom</code> in the tile URL by rounding the current zoom level. This ensures the tiles are never over- or underzoomed by more than half a zoom level. The alternative is to disable the <a href="https://maplibre.org/maplibre-gl-js/docs/API/classes/RasterTileSource/#roundzoom" rel="nofollow"><code class="notranslate">roundZoom</code></a> option, which would floor the zoom level, so the tiles will be overzoomed by as much as one zoom level unless you set the zoom level precisely to an integer using the ± buttons. There’s a diagram of the tradeoffs in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="58822219" data-permission-text="Title is private" data-url="https://github.com/mapbox/mapbox-gl-js/issues/1030" data-hovercard-type="issue" data-hovercard-url="/mapbox/mapbox-gl-js/issues/1030/hovercard?comment_id=76043779&comment_type=issue_comment" href="https://github.com/mapbox/mapbox-gl-js/issues/1030#issuecomment-76043779">mapbox/mapbox-gl-js#1030 (comment)</a>.</p>
<p dir="auto">The other alternative would be to disable smooth zooming when viewing raster tiles. MapLibre doesn’t have a built-in option for that, but there’s a workaround in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="1356094480" data-permission-text="Title is private" data-url="https://github.com/maplibre/maplibre-gl-js/issues/1591" data-hovercard-type="issue" data-hovercard-url="/maplibre/maplibre-gl-js/issues/1591/hovercard?comment_id=2748319483&comment_type=issue_comment" href="https://github.com/maplibre/maplibre-gl-js/issues/1591#issuecomment-2748319483">maplibre/maplibre-gl-js#1591 (comment)</a>. This could also be used to force a ceiling zoom strategy if desired.</p>

<p style="font-size:small;-webkit-text-size-adjust:none;color:#666;">—<br />Reply to this email directly, <a href="https://github.com/openstreetmap/openstreetmap-website/pull/6504#issuecomment-3656794942">view it on GitHub</a>, or <a href="https://github.com/notifications/unsubscribe-auth/AAK2OLM6S5IP2YV2TQRH6RL4B3VHPAVCNFSM6AAAAACLKBT5BCVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZTMNJWG44TIOJUGI">unsubscribe</a>.<br />You are receiving this because you are subscribed to this thread.<img src="https://github.com/notifications/beacon/AAK2OLIUFAXRBKSF3LTCTSL4B3VHPA5CNFSM6AAAAACLKBT5BCWGG33NNVSW45C7OR4XAZNMJFZXG5LFINXW23LFNZ2KUY3PNVWWK3TUL5UWJTWZ6ZBT4.gif" height="1" width="1" alt="" /><span style="color: transparent; font-size: 0; display: none; visibility: hidden; overflow: hidden; opacity: 0; width: 0; height: 0; max-width: 0; max-height: 0; mso-hide: all">Message ID: <span><openstreetmap/openstreetmap-website/pull/6504/c3656794942</span><span>@</span><span>github</span><span>.</span><span>com></span></span></p>

<script type="application/ld+json">[
{
"@context": "http://schema.org",
"@type": "EmailMessage",
"potentialAction": {
"@type": "ViewAction",
"target": "https://github.com/openstreetmap/openstreetmap-website/pull/6504#issuecomment-3656794942",
"url": "https://github.com/openstreetmap/openstreetmap-website/pull/6504#issuecomment-3656794942",
"name": "View Pull Request"
},
"description": "View this Pull Request on GitHub",
"publisher": {
"@type": "Organization",
"name": "GitHub",
"url": "https://github.com"
}
}
]</script>