<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/10377391?s=20&v=4" /><strong>controversial</strong> created an issue <a href="https://github.com/openstreetmap/openstreetmap-website/issues/6234">(openstreetmap/openstreetmap-website#6234)</a></div>
<h3 dir="auto">Problem</h3>
<p dir="auto">It’s really exciting to have vector tiles hosted for the first time on openstreetmap.org!</p>
<p dir="auto">Currently, vector tiles are displayed using <code class="notranslate">maplibre-gl-leaflet</code>, which wraps <code class="notranslate">maplibre-gl-js</code> in the same Leaflet API that we use to display raster maps like Carto.</p>
<p dir="auto">Using the leaflet wrapper for the vector maps holds the vector maps back from user experience improvements that vector maps are designed to enable—for example “smooth zooming” between integer zoom levels—and that users of other vector maps (google / apple / etc) are accustomed to.</p>
<h3 dir="auto">Description</h3>
<p dir="auto">It would be great to drop the leaflet wrapper when displaying the new vector layers. There are several pieces that would need to be migrated to not depend on the leaflet API, some of which are documented by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/tordans/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/tordans">@tordans</a> in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="2422287626" data-permission-text="Title is private" data-url="https://github.com/gravitystorm/openstreetmap-website/issues/289" data-hovercard-type="issue" data-hovercard-url="/gravitystorm/openstreetmap-website/issues/289/hovercard" href="https://github.com/gravitystorm/openstreetmap-website/issues/289">gravitystorm#289</a>.</p>
<p dir="auto">I’m happy to edit this issue with a more comprehensive list of which features depend on Leaflet APIs that would need to be adjusted for compatibility with the mapbox-gl-js API when it isn’t wrapped in Leaflet!</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/6234">view it on GitHub</a>, or <a href="https://github.com/notifications/unsubscribe-auth/AAK2OLNQFLYJZTJ63XXK3IL3J66IBAVCNFSM6AAAAACCGOXFYSVHI2DSMVQWIX3LMV43ASLTON2WKOZTGI2TOMJQHE4TCMY">unsubscribe</a>.<br />You are receiving this because you are subscribed to this thread.<img src="https://github.com/notifications/beacon/AAK2OLMJBQWP2H2LT7KSY4L3J66IBA5CNFSM6AAAAACCGOXFYSWGG33NNVSW45C7OR4XAZNFJFZXG5LFVJRW63LNMVXHIX3JMTHMEI4NTE.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/6234</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/6234",
"url": "https://github.com/openstreetmap/openstreetmap-website/issues/6234",
"name": "View Issue"
},
"description": "View this Issue on GitHub",
"publisher": {
"@type": "Organization",
"name": "GitHub",
"url": "https://github.com"
}
}
]</script>