Leaflet - Equal Earth / Web Mercator combined

Leaflet map map with Equal Earth tiles at z0-z2 and Web Mercator tiles at z > 2 on Web Mercator tile grid. Vector tiles styled with GL JSON.

HTML:

<div id='map'></div>

Javascript:

var map = L.map('map').setView([0, 0], 1);
var gl = L.maplibreGL({
    style: location.origin + '/natural-earth-countries-style-eq2merc.json'
}).addTo(map);

Header:

<!-- Leaflet -->
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css" />
<script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"></script>

<!-- maplibre-gl-leaflet -->
<link href="https://unpkg.com/maplibre-gl@4.1.3/dist/maplibre-gl.css" rel='stylesheet' />
<script src="https://unpkg.com/maplibre-gl@4.1.3/dist/maplibre-gl.js"></script>
<script src="https://unpkg.com/@maplibre/maplibre-gl-leaflet@0.0.20/leaflet-maplibre-gl.js"></script>