<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/issues/6618#issuecomment-3662311526">(openstreetmap/openstreetmap-website#6618)</a></div>
<blockquote>
<p dir="auto">Processing raster geo-data - both photographic and cartographic - is a tricky field where both theoretical knowledge and practical experience are significant to achieve good quality results.</p>
</blockquote>
<p dir="auto">Indeed, and I’m sorry if my terminology and link-dropping has muddled the conversation. Especially when I work in mobile application development, terms like “scale” are severely overloaded (almost as much as “layer”), so it’s easy to conflate independent variables. In case it isn’t clear, I’m also assuming that any resolution to this issue will involve a tradeoff of some sort.</p>
<p dir="auto">It’s absolutely true that the OSM Carto style can accommodate different pixel densities (to use a less overloaded term). The limiting factors of course are the tile images that are being produced from that style and what’s displaying them on the client side. Pixel grid alignment is also an issue, one that unfortunately I can’t reproduce as easily because both my devices have 2× HiDPI displays.</p>
<p dir="auto">What I’d like to get out of this conversation is whether the current main map (or the dashboard map prior to <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3595133926" data-permission-text="Title is private" data-url="https://github.com/openstreetmap/openstreetmap-website/issues/6504" data-hovercard-type="pull_request" data-hovercard-url="/openstreetmap/openstreetmap-website/pull/6504/hovercard" href="https://github.com/openstreetmap/openstreetmap-website/pull/6504">#6504</a>) steers clear of the concern you’ve raised. If so, then “don’t do it” suggests that we could disable incremental zooming whenever a map shows the Standard layer and reenable incremental zooming whenever it shows the Shortbread or MapTiler OMT layer. As Those vector layers’ underlying stylesheets, as MapLibre styles, are ostensibly designed for incremental zooming, though I can’t vouch for the quality.</p>
<p dir="auto">We would be trading off the user experience. For better or worse, computer users these days are accustomed to smooth interface animations and will be jarred by any discrete transition, no matter the cause. Leaflet mitigates each zoom transition with a linear animation, which the new dashboard map could simulate using a zoom event handler. Ideally this would be supported by a built-in option upstream in MapLibre. Eventually, the main map will need to handle switching from a vector layer to a raster layer by snapping the zoom level at the interface level, so we’d once again need to decide between rounding, flooring, or ceilinging.</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/issues/6618#issuecomment-3662311526">view it on GitHub</a>, or <a href="https://github.com/notifications/unsubscribe-auth/AAK2OLNFVUNRX5F7PDEM2U34CBVNPAVCNFSM6AAAAACPDOKZPGVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZTMNRSGMYTCNJSGY">unsubscribe</a>.<br />You are receiving this because you are subscribed to this thread.<img src="https://github.com/notifications/beacon/AAK2OLOFC2RA5LM5ZCODG334CBVNPA5CNFSM6AAAAACPDOKZPGWGG33NNVSW45C7OR4XAZNMJFZXG5LFINXW23LFNZ2KUY3PNVWWK3TUL5UWJTW2JJYGM.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/issues/6618/3662311526</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/issues/6618#issuecomment-3662311526",
"url": "https://github.com/openstreetmap/openstreetmap-website/issues/6618#issuecomment-3662311526",
"name": "View Issue"
},
"description": "View this Issue on GitHub",
"publisher": {
"@type": "Organization",
"name": "GitHub",
"url": "https://github.com"
}
}
]</script>